Dreamweaver CC教程：提取 JavaScript

提取 JavaScript
JavaScript Extractor (JSE) 删除 Dreamweaver 文档中的所有或大多数 JavaScript，将其导出到外部文件并将该外部文件链接到您的文档。JSE 也可以删除代码中的事件处理函数（如 onclick 和 onmouseover），然后以非干扰方式将与这些处理函数关联的 JavaScript 附加到您的文档。
使用 JavaScript Extractor 之前，请注意它的以下限制：

JSE 不提取文档正文中的脚本标记（但 Spry Widget 除外）。将这些脚本外置可能导致异常结果。默认情况下，Dreamweaver 会在“将 JavaScript 外置”对话框中列出这些脚本，但不会选择这些脚本进行提取。（如果需要，可以手动选择这些脚本。） JSE 不从 .dwt（Dreamweaver 模板）文件的可编辑区域、模板实例的不可编辑区域或 Dreamweaver 库项目中提取 JavaScript。在使用“将 JavaScript 外置并以非干扰方式进行附加”选项提取 JavaScript 后，不能再在“行为”面板中编辑 Dreamweaver 行为。Dreamweaver 不能用以非干扰方式附加的行为检查和填充“行为”面板。一旦关闭页面后，您无法撤消更改。但只要您保留在同一个编辑会话中，就可以撤消更改。选择“编辑”>“撤消将 JavaScript 外置”可以撤消更改。某些复杂的页面可能不能正常工作。从正文中具有 document.write() 和使用全局变量的页面中提取 JavaScript 时应当小心。

Dreamweaver 工程团队提供了有关 Dreamweaver 中 JavaScript 支持的视频概览，如欲获得该视频资料，请访问 www.adobe.com/go/dw10javascript_cn。
使用 JavaScript Extractor：
1、打开包含 JavaScript 的页面。
2、单击“工具”>“将 JavaScript 外置”。
3、在“将 JavaScript 外置”对话框中，根据需要编辑默认选定范围。

如果希望 Dreamweaver 将任何 JavaScript 移动到外部文件并在当前文档中引用该文件，请选择“仅将 JavaScript 外置”。此选项将事件处理函数（如 onclick 和 onload）保留在文档中，并使行为在“行为”面板中保持可见。如果希望 Dreamweaver 1) 将 JavaScript 移动到外部文件并在当前文档中引用该文件；2) 从 HTML 中删除事件处理函数并在运行时使用 JavaScript 插入这些事件处理函数，请选择“将 JavaScript 外置并以非干扰方式进行附加”。选择此选项后，不能再在“行为”面板中编辑行为。在“编辑”列中，取消选择任何不希望进行的编辑，或者选择默认情况下 Dreamweaver 未选择的编辑。

默认情况下，Dreamweaver 列出但不选择以下编辑：

文档头中包含 document.write() 或 document.writeln() 调用的脚本块。文档头中包含与已知使用 document.write() 的 EOLAS 处理代码相关的函数签名的脚本块。文档正文中的脚本块，除非这些块仅包含 Spry Widget 或 Spry 数据集构造函数。 Dreamweaver 会自动为没有 ID 的元素指定 ID。如果您不喜欢这些 ID，可以通过编辑 ID 文本框进行更改。

4、单击“确定”。
摘要对话框提供提取内容的摘要。查看提取内容并单击“确定”。
5、保存该页面。
Dreamweaver 将创建一个 SpryDOMUtils.js 文件和另一个包含所提取的 JavaScript 的文件。Dreamweaver 会将 SpryDOMUtils.js 文件保存在站点之中的 SpryAssets 文件夹中，并将另一个文件保存在从中提取 JavaScript 的页面所在的同一级别。在上传原始页面时，不要忘记将这两个相关文件上传到 Web 服务器。