JavaScript常用脚本集锦：108个实用技巧

"108个常用JS脚本" JavaScript（简称JS）是一种轻量级的解释型编程语言，广泛应用于Web开发，用于控制浏览器的行为，实现动态内容、交互性以及与服务器的数据通信。以下是一些JavaScript的核心知识点： 1. `document.write("")`: 这个方法在文档加载时用于向HTML文档写入内容。它可以在页面加载完成后改变页面内容，但通常不推荐在实际开发中使用，因为可能导致页面重新渲染。 2. `JS注释`: JavaScript支持两种注释方式，单行注释`//comment`和多行注释`/* comment */`。 3. HTML元素结构: `document->html->(head,body)`: 表示DOM树中HTML文档的基本结构，`document`对象是整个页面的根，`html`包含`head`和`body`两个子元素。 4. 浏览器对象模型(BOM): `window->(navigator,screen,history,location,document)`: `window`是全局对象，包含了对浏览器窗口的各种访问，如`navigator`获取浏览器信息，`screen`获取显示器信息，`history`管理浏览历史，`location`处理页面位置，`document`访问HTML文档。 5. 获取元素: `document.getElementById("id")`: 根据元素的ID获取指定元素，如`name`属性可以通过`.name`获取或设置，`value`属性用于读写元素值。 6. 字符串转换: `toUpperCase()`将字符串转换为大写，`toLowerCase()`转换为小写。 7. JavaScript数据类型: 包括`String`、`Number`、`Boolean`、`Null`、`Object`和`Function`。其中，`Null`和`undefined`是特殊的值，`NaN`表示非数字。 8. 数字转换函数: `parseInt()`和`parseFloat()`分别用于将字符串转换为整数和浮点数，它们可以处理前导和尾随的非数字字符。 9. 字符串到数字: 使用`+`操作符可以将字符串与数字连接，如果字符串可以解析为数字，会进行隐式转换。 10. 获取字符串长度: `length`属性返回字符串的长度。 11. 字符串连接: `+`运算符可以连接两个字符串。 12. 比较运算符: JS中的比较运算符包括`=`, `!=`, `>`, `>=`, `<`, `<=`，用于比较两个值的相等性和大小关系。 13. 声明变量: 使用`var`关键字声明变量，例如`var x = 10;`。 14. 条件语句: `if...else`结构用于根据条件执行不同的代码块。 15. 循环语句: `for`循环提供了一种重复执行代码的机制，例如`for (var i = 0; i < 10; i++) {...}`。 16. 循环控制: `break`语句用于跳出当前循环。 17. 函数定义: `function functionName([parameters]) {...}`创建一个函数，参数列表在括号内，函数体在花括号中。 18. 访问表单元素: 可以通过`document.forms[index]`或`document.forms["formName"]`来访问表单。 19. 窗口操作: `window.open()`打开新窗口，`window.close()`关闭当前窗口，`self`引用当前窗口。 20. 窗口状态: `window.status`用于设置或获取浏览器状态栏的文本。 21. 弹窗提示: `window.alert()`显示警告对话框，`window.confirm()`显示确认对话框，`window.prompt()`显示输入对话框。 22. 页面跳转: `window.location.href`设置或获取当前页面的URL，可以用来进行页面重定向。 23. 获取表单数量: `document.forms.length`返回文档中表单的数量。 24. 关闭输出流: `document.close()`结束对文档的写入。 25. 字符串拼接: `+=`操作符用于字符串的拼接，如`str += "text"`。 26. 创建元素: `document.createElement(tagName)`创建新的HTML元素，`document.createTextNode(text)`创建纯文本节点。 27. 插入元素: `appendChild()`和`insertBefore()`方法用于在DOM树中插入新元素。 28. 获取元素集合: `getElementsByTagName()`, `getElementsByClassName()`, `querySelectorAll()`等方法用于查找页面上的元素集合。 29. 事件处理: 通过`addEventListener()`和`removeEventListener()`方法添加和移除事件监听器。 这些JS脚本涵盖了基础的DOM操作、数据类型、控制流程、函数定义、窗口和表单操作等多个方面，对于学习和理解JavaScript编程非常有帮助。熟悉并掌握这些脚本，能够有效地提高Web开发的效率和质量。