Dreamweaver CC教程：提取 JavaScript

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 服务器。