JS宝典学习笔记(下)

56.JS中的焦点顺序:document.getElementByid(“表单元素”).tabIndex = 1 57[removed]的值是表单元素的值:如<p u00a0id=”para”>”how are <em>you</em>”</p>,则innerHTML的值就是:how are <em>you</em> 58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来. 59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态. 60.isDisabled判断是否为禁止状态.disabled设置禁止状态 61.len JavaScript是Web开发中不可或缺的一部分，它提供了丰富的功能来操控网页内容和用户交互。在"JS宝典学习笔记(下)"中，我们找到了一系列关于JavaScript的关键知识点。以下是对这些知识点的详细解析： 1. **焦点顺序**：通过`element.tabIndex`可以设置表单元素的焦点顺序，数字越小，元素在键盘导航时获取焦点的顺序越靠前。 2. **innerHTML**：`element.innerHTML`属性用于获取或设置元素内部的HTML内容。例如，对于`<p id="para">how are <em>you</em></p>`，`innerHTML`将返回`"how are <em>you</em>"`。 3. **innerText**：与`innerHTML`类似，`element.innerText`获取或设置元素的文本内容，但会忽略HTML标签，所以`innerText`在上述例子中也会返回`"how are you"`，但不会包含`<em>`标签。 4. **contentEditable**：`element.contentEditable`属性允许你设置元素是否可编辑。将其设置为`true`，元素变为可编辑；设置为`false`或`"inherit"`，则不可编辑。`element.isContentEditable`则用来检查元素是否实际上可编辑。 5. **isDisabled和disabled**：`element.isDisabled`用来判断元素是否处于禁用状态，而`element.disabled`属性用于设置或读取元素的禁用状态，设为`true`表示禁用，`false`则表示启用。 6. **length**：`element.length`返回数组、字符串或其他对象的长度，通常用于获取元素集合或字符串的长度。 7. **addBehavior()**：这个方法在IE浏览器中使用，允许JavaScript调用外部的`.htc`（HTML Component）文件，实现CSS行为。 8. **window.focus()**：此方法使当前窗口获得焦点，使其成为活动窗口。 9. **blur()**：与`focus()`相反，`element.blur()`移除元素的焦点，使其失去激活状态。 10. **select()**：`element.select()`将元素内容选中，通常用于文本输入框，使得用户可以直接进行复制、剪切等操作。 11. **阻止文本框输入**：`onfocus="this.blur()"`可以防止用户在文本框内输入内容，一旦获得焦点，就立刻失去焦点。 12. **元素数量**：`document.all.tags("tagname").length`返回特定HTML标签在页面中的数量，例如查找`<div>`的数量。 13. **模态和非模态对话框**：`window.showModalDialog()`创建模态对话框，阻止用户与页面其余部分交互，而`window.showModelessDialog()`则创建非模态对话框。 14. **状态栏文字**：`window.status`和`window.defaultStatus`分别用于设置和默认设置浏览器状态栏的文字。 15. **添加到收藏夹**：`external.AddFavorite(url)`方法允许用户将当前网页添加到收藏夹。 16. **错误处理**：`window.onerror`可以捕获并处理JavaScript运行时的错误，可以设置为一个处理函数，如`window.onerror = handleError;`。 17. **父窗口引用**：`window.opener`属性引用了打开当前窗口的窗口，支持多层父窗口的链式引用。 18. **self**：`window.self`指向当前窗口自身。 19. **top**：`window.top`始终指向框架集的最顶层窗口。 20. **关闭窗口**：`window.close()`关闭当前窗口。 21. **确认框**：`confirm(message)`显示一个带有确定和取消按钮的对话框，用户点击确定返回`true`，取消返回`false`。 22. **重定向**：`window.navigate(url)`或`window.location.href = url`用于将当前窗口重定向到指定URL。 23. **打印**：`window.print()`启动浏览器的打印功能。 24. **提示输入框**：`window.prompt(message, defaultReply)`显示一个让用户输入文本的对话框，`defaultReply`是默认输入值。 25. **滚动条**：`window.scroll(x, y)`和`window.scrollBy(x, y)`分别用于定位到指定坐标和相对当前位置滚动。 26. **定时器**：`setInterval(expression, milliseconds)`和`setTimeout(expression, milliseconds)`用于设置定时执行的函数，前者持续执行，后者只执行一次。 27. **模态对话框**：`showModalDialog(url, arguments, features)`在IE4+中可用，但在其他浏览器中可能不支持。 28. **退出提示**：`window.onbeforeunload`事件可以设置一个函数，当用户尝试离开页面时触发，以进行提示或确认。 29. **加载和卸载事件**：`window.onload`和`window.onunload`分别在页面加载完成和即将卸载时触发。 30. **location对象**：`window.location`提供了关于当前URL的各种属性，如`protocol`（协议）、`hostname`（主机名）、`port`（端口号）、`host`（组合了主机名和端口号）、`pathname`（路径名）、`href`（完整的URL）。 31. **刷新页面**：`window.location.reload()`用于重新加载当前页面。 32. **历史记录导航**：`window.history.back()`、`forward()`和`go()`方法用于导航到历史记录中的前一页、后一页或指定页面。 33. **输出**：`document.write()`和`document.writeln()`分别用于向文档流中写入内容，区别在于`writeln()`会在内容后自动添加换行。 34. **防止换行**：`document.body.nowrap = true;`可以防止文本在指定的元素内换行。 这些知识点涵盖了JavaScript的基本交互、DOM操作、事件处理和页面控制等多个方面，对于理解JavaScript的运作机制和开发动态网页具有重要意义。通过深入理解和熟练运用这些知识点，开发者可以构建出更丰富、更交互性的Web应用。