JavaScript技巧集锦：107个实用窍门

"学习js的107条技巧默认分类" 这篇资源主要涵盖了JavaScript（简称js）编程中的多种实用技巧，适合初学者快速查询和学习。以下是对这些技巧的详细解释： 1. `document.write("")`：在文档加载完成后，使用此方法会清除当前文档并插入指定的内容。 2. 注释：在JavaScript中，单行注释以`//`开始，多行注释以`/* */`包裹。 3. HTML元素结构：HTML文档的DOM结构通常是从`document`开始，然后是`html`元素，包含`head`和`body`。 4. 浏览器对象模型：`window`对象是全局对象，包含`navigator`、`screen`、`history`、`location`和`document`等属性，分别对应浏览器信息、屏幕信息、浏览历史、当前页面地址和文档对象。 5. 获取元素：通过`getElementById`方法可以获取指定ID的HTML元素，如`document.getElementById("id")`，并且可以设置或获取其属性，如`element.name = value`。 6. 值的复制与转换：可以使用`.value`属性来获取或改变输入元素的值。例如，将输入框的值转换为大写并赋值给另一个元素：`document.getElementById("output").value = document.getElementById("input").value.toUpperCase();` 7. JavaScript数据类型：包括`String`（字符串）、`Number`（数字）、`Boolean`（布尔）、`Null`（空）、`Object`（对象）和`Function`（函数）。 8. 数字转换函数：`parseInt()`用于将字符串转换为整数，`parseFloat()`用于转换浮点数。 9. 字符串转换为数字：将一个字符串转换为数字可以使用加号`+`操作，如`(+)"123"`会得到数字123。 10. 获取字符串长度：`str.length`返回字符串的长度。 11. 拼接字符串：使用`+`操作符可以将两个字符串拼接在一起。 12. 比较运算符：`==`表示相等，`!=`表示不等，`>`、`<`表示大于和小于，`>=`、`<=`表示大于等于和小于等于。 13. 变量声明：使用`var`关键字声明变量，如`var variableName`。 14. 条件语句：`if...else...`用于基于条件执行不同代码块。 15. 循环语句：`for`循环用于重复执行一段代码，直到满足某个条件为止。 16. `break`语句：用于跳出当前循环。 17. 函数定义：`function functionName([parameters]) { statements }`创建一个函数。 18. 访问表单：可以通过`document.forms[index]`访问表单，`index`为表单的索引。 19. 窗口操作：`window.open()`打开新窗口，`window.close()`关闭当前窗口，`self`引用当前窗口。 20. 状态栏更新：`window.status="message"`可以在浏览器的状态栏显示消息。 21. 弹窗提示：`window.alert("message")`显示警告对话框。 22. 确认对话框：`window.confirm()`显示确认对话框，返回`true`或`false`。 23. 输入对话框：`window.prompt()`显示输入对话框，用户输入后返回值。 24. 跳转页面：`window.location.href="/URL"`可以改变当前页面的URL，实现页面跳转。 25. 获取表单数量：`document.forms.length`返回页面中表单的数量。 26. 关闭文档流：`document.close()`在文档输出后关闭流。 27. 字符串连接：`+=`用于连接字符串，如`string += "new text"`。 28. 创建新元素：`document.createElement("tagname")`创建一个新的HTML元素，`document.createTextNode("text")`创建纯文本节点。 29. 添加HTML元素：“添加元素”未完整，通常会使用`appendChild`或`insertBefore`方法将元素添加到DOM树中。 以上仅是部分技巧，完整的107条技巧应包含更多JavaScript的高级特性和用法，如事件处理、数组操作、正则表达式、函数参数、对象操作、错误处理、异步编程等内容。学习这些技巧可以帮助开发者更好地理解和使用JavaScript，提升开发效率。