JavaScript基础语法精要：100个实用技巧

这篇资源主要涵盖了JavaScript的一些基础语法和常见操作，包括了页面操作、变量声明、数据类型、字符串处理、比较运算符、循环控制、函数定义以及与网页交互的方法等。 1. `document.write("")`：这是一个在文档加载时向HTML文档写入内容的方法，通常在开发早期阶段用于快速测试和输出。 2. `JavaScript`注释可以使用`//`进行单行注释或`/* */`进行多行注释。 3. DOM（Document Object Model）结构：HTML文档被解析成一棵由元素、属性和文本组成的树形结构，其中`document`是根节点，`html`包含`head`和`body`两个子节点。 4. 窗口对象`window`包含了诸如`navigator`, `screen`, `history`, `location`, 和 `document`等子对象，它们分别对应浏览器信息、屏幕属性、浏览历史、当前URL和文档对象。 5. 获取元素：通过`document.getElementById("id")`可以获取具有特定ID的HTML元素，而`.name`和`.value`用于获取或设置元素的名称和值。 6. 复制文本：`document.getElementById("output").value = document.getElementById("input").value.toUpperCase();`将一个输入框的值转换为大写并赋值给另一个输出元素。 7. JavaScript的数据类型包括：`String`, `Number`, `Boolean`, `Null`, `Object`, `Function`，其中`Null`和`undefined`虽然常被混淆，但它们是两种不同的值。 8. 类型转换函数：`parseInt()`用于将字符串转换为整数，`parseFloat()`则用于转换为浮点数。 9. 字符串连接：`+`运算符可用于字符串拼接，例如`var str = "Hello " + "World";`会得到`"Hello World"`。 10. 获取字符串长度：通过`.length`属性可以获取字符串的长度，如`var len = "JavaScript".length;`。 11. 数字与字符串的转换：数字前加`+`号可将字符串转为数字，如`+str`；字符串前加`"" + `可将非字符串值转为字符串。 12. 比较运算符：`=, !=, >, <, >=, <=`用于进行等值和不等值比较。 13. 变量声明：使用`var`关键字声明变量，如`var myVar = 10;`。 14. 条件语句：`if`...`else`用于条件执行代码块，如`if (condition) { ... } else { ... }`。 15. 循环语句：`for`循环格式为`for([初始化表达式]; [条件]; [更新表达式]) { ... }`。 16. `break`语句：用于跳出当前循环。 17. 函数定义：使用`function`关键字定义函数，如`function functionName([参数]) { ... }`。 18. 访问表单元素：在表单中，可以通过`document.forms[index]`访问指定索引的表单，或者`document.forms["formName"]`通过名称访问。 19. 窗口操作：`window.open()`用于打开新的窗口或标签，`window.close()`关闭当前窗口，`self`代表当前窗口自身。 20. 设置状态栏：`window.status = "文本"`可以改变浏览器的状态栏显示内容。 21. 弹窗提示：`window.alert("文本")`弹出警告对话框显示信息。 22. 确认对话框：`window.confirm()`显示一个带有确认按钮的对话框，返回用户点击的结果。 23. 输入对话框：`window.prompt()`显示一个让用户输入文本的对话框。 24. 改变当前页面位置：`window.location.href = "/blog/URL"`可重定向到指定URL。 25. 获取表单数量：`document.forms.length`返回页面上表单的数量。 26. 关闭文档流：`document.close()`结束文档的写入操作。 27. 运算符赋值：`+=`是增加并赋值运算符，例如`num += 1`相当于`num = num + 1`。 28. 创建新元素：`document.createElement("tagname")`用于创建新的HTML元素。 29. 创建文本节点：`document.createTextNode("文本")`创建包含文本的节点。 30. 获取元素属性：`document.getElementById("id")`返回具有指定ID的元素，可以链式调用来获取或设置属性。 这些内容是JavaScript编程中的基础知识，对理解和操作网页动态效果、用户交互等方面非常关键。掌握这些知识将有助于你构建功能丰富的Web应用。