Dreamweaver CS4中的Java语言

最近发布的Adobe Dreamweaver CS4的副本最近出现在SitePoint总部（请查看Kevin在Issue＃218中的评论 ），所以我认为我将把它作为测试驱动器，看看它可以提供什么现代JavaScripter。

当我想到Dreamweaver和JavaScript时，我想起了MM_swapImage javaScript函数，该函数在所有Dreamweaver创建的网站上都很普遍。 自那时以来，Dreamweaver已经成熟了很多，很明显，Adobe试图在不引人注目的JavaScript方面紧跟现代趋势。 Dreamweaver可以通过几种重要方式随时支持JavaScript属于外部文件的现代观念。

如果打开HTML文件，则相关文件工具栏将为每个引用的外部文件添加一个按钮。 即使是远程文件，例如Google AJAX Libraries API中的 JavaScript（尽管远程文件不可编辑）。

更好的是，当您使用Live View（嵌入式Webkit窗口，Safari和Chrome中使用的引擎）时，可以使用相关的文件工具栏将代码视图切换到外部文件，而不会中断Live View会话：打开外部javascript文件进行更改，您的更改将立即反映在“实时显示”窗口中，而无需保存JavaScript文件。

更好的是，Live View还具有Live Code模式，在该模式下，HTML源视图成为计算源视图。 它显示当前DOM的来源，而不是原始网页的来源。 使用Live Code，您可以在Live View窗口中与网页交互时看到DOM中的更改，类似于Firebug。 如果需要停止并检查DOM的当前状态，Live Code还可以冻结JavaScript。

JavaScript编辑器具有语法检查和代码提示功能。 键入时执行语法检查，以提供语法问题的立即反馈。 Dreamweaver CS4中的代码提示包括所有引用的JavaScript文件中的函数和对象，这意味着它将与任何JavaScript库一起使用。 当您键入函数和对象时，还将合并它们。

但是有一个缺点。 它不适用于远程文件； JavaScript必须先是本地的，然后才能包含在代码提示中。

一个非常有趣的功能是Externalize JavaScript命令。 假设您一直在使用内联javaScript模拟网页，或者您继承了一个充满嵌入式脚本标签的网站； 使用此命令，Dreamweaver将获取HTML文件中的所有JavaScript代码，并创建一个外部JavaScript文件，然后向HTML添加新的脚本标签。 它还走了一步。 如果您有任何内联javascript处理程序，例如onclick HTML属性，Dreamweaver会将其转换为使用Adobe Spry JavaScript框架的兼容版本。

例如，如果您有一个内联事件处理程序，例如：

<a href="#" onclick="myObj.functionOne();">...</a>

运行命令后，HTML转换为：

<a href="#" id="a1">...</a>

然后将以下内容放置在外部JavaScript文件中，毫不干扰地将事件侦听器添加到anchor标签：

Spry.Utils.addLoadListener(function() {
	Spry.$$("#a1").addEventListener('click', function(e){ myObj.functionOne(); }, false);
});

这不是一个完美的功能； 您限于Spry框架（如果可以提名使用选择的JavaScript框架，那将是理想选择），并且将脚本标记放置在文档头中（目前的最佳做法是将它们放置在关闭主体的前面）标签）; 但它无疑说明了对非侵入性JavaScript的日益重视。

From: https://www.sitepoint.com/unobtrusive-javascript-in-dreamweaver-cs4/