17、DOM 操作与输入输出：新闻搜索笔记应用的实现

DOM 操作与输入输出：新闻搜索笔记应用的实现

1. 引言

在涉及用户交互的互联网应用中，除了简单的按钮点击，可能还需要捕获和创建文档的部分内容。本文将围绕新闻搜索笔记应用展开，介绍从网站提取内容、保存或转发引用的相关技术，包括选择、范围和插入点的使用、访问本地文件系统、动态创建 DOM 节点、使用事件处理程序以及与用户电子邮件应用的交互等。

2. 设计回顾

最初的设计是一个“复制和插入”类型的应用，允许用户选择文档的部分内容，自动构建引用，将所选文本提取并插入到用户的笔记条目中，并在笔记条目末尾添加引用元素，包括引用文本、指向脚注引用的数字前缀注释和电子引用本身。

3. 浏览器元素

• 基本介绍：之前主要关注基本的 XUL 小部件，而 Firefox 框架为开发者提供了一系列功能更强大的浏览器元素，这些元素为复杂的 Web 对象（如窗口和文档）提供了编程接口。
• 属性和原生包装器
  • 内容显示：XUL 应用中的 Web 内容通常通过<browser>元素显示，它是内容的顶级容器，contentWindow属性引用内容的顶级窗口，contentDocument属性引用包含 HTML 文档 DOM 表示的对象。
  • 安全限制：当脚本请求浏览器的属性（如contentWindow