提起Deamweaver和JavaScript，就会让人情不自禁地想起MM_swapImage——早期在Deamweaver中实现鼠标翻转图（swapImage）的“经典”JavaScript函数名。而且，在Deamweaver创建的网页中，到处可见各种类似的JavaScript函数。

不过，Deamweaver也在不断进化。Adobe显然不想反对不唐突的JavaScript。Deamweaver CS4已经支持这种现代的JavaScript编程理念，它的改进围绕将JavaScript代码外部化（external）展开。

首先，Deamweaver CS4在每个HTML文件相关工具条中，会为引用的每个外部文件（包括JavaScript、CSS及第三方域文件）添加一个按钮。点击按钮即可编辑相应外部文件（当然，第三方域中的文件无法编辑）。

其次，在“实时视图”（Live View）中，Deamweaver CS4嵌入了Webkit——Safari和Chrome浏览器的引擎——窗口，通过点击上述按钮，即可切换到相应外部文件，不会打断当前的“实时视图”。打开外部文件后，用户所做修改也会立即呈现在“实时视图”中，不必先保存JavaScript文件。

再次，“实时视图”包含“实时代码”模式，在这种模式下查看HTML代码，能看到“经过计算的源代码”。换句话说，“实时代码”模式显示的是当前页面的DOM结构。用户在“实时视图”中与页面交互导致的DOM变化，都会反映在“实时代码”中。有点类似Firebug啊。此外，在“实时代码”模式下，还可以“冻结”JavaScript，以便检查当前状态下的DOM层次。

Deamweaver CS4提供的JavaScript编辑器具有语法检查和代码提示功能。语法检查会在用户输入代码的同时提供即时反馈，告知用户可能存在的语法问题。代码提示可以根据页面引用中的所有JavaScript文件，向用户提示相关函数和对象；这意味着，代码提示适用于所有JavaScript库。不过，代码提示不适用于远程文件，如果要使用代码提示，必须将文件保存在本地。

最后，Deamweaver CS4还新增了一个“外部化JavaScript”（Externalize JavaScript）命令。这个命令可以把嵌入script标签中的代码，转移到外部JavaScript文件中，然后再为HTML文件添加一个新script标签（以引用新外部文件）。此外，这个命令还支持清理嵌入的JavaScript处理程序，例如onclick属性。不过，生成的不唐突版本有赖于Adobe自己的Spry JavaScript框架。虽然没有为使用别家框架提供选择，但也体现了Deamweaver CS4在支持不唐突JavaScript方面所作的努力。

原文链接