flashcs4新特性:Dreamweaver CS4新特性 之JavaScript
疯狂代码 http://CrazyCoder.cn/ :http:/CrazyCoder.cn/Javascript/Article20370.html 在官方下载了DreamWeaver CS4PreRelease版来测试解压和安装没有什么太多要说只是感觉比早先 DreamWeaver CS3安装速度要快了不少安装完毕发现界面和的前相比有了定改变如图(上图为DreamWeaver CS3下图为DreamWeaver CS4):
除了界面上改变该版本作为个重要里程碑版还有许多更新诸如: 针对 Ajax 和 JavaScript 框架代码提示 Adobe InContext Editing HTML 数据集 Subversion 集成 CSS 最佳做法 等更多可以查看官方fetures页 这里我主要给您介绍下有关JavaScript部分新特性
,JavaScript代码外链 我们知道出于种种目考虑我们般不在页面直接撰写JavaScript代码而是将其放在外部js文件中这样做好处除 了便于管理整个站点JavaScript的外还有助于多多借助客户端对js文件缓存Cache减少很少改变js文件网络传输 流量浪费 另外出于多人协作和便于管理,便于敏捷变化和代码分层等原因我们应该尽可能做到结构-表现-行为分离 在平常代码编写中你可能大量使用了诸如
 这样代码然而这样做却是将行为耦合到了基本代码结构中我们提倡以添加事件方式 来将其完全分离到JavaScript代码中这个操作也可以由DreamWeaver CS4来完成 在DreamWeaver CS4中则为我们提供了此功能这个功能你可以在【Commands】->【Externalize JavaScript】中找到 为了测试这两项特性我们撰写了如下代码: Untitled Document function alert_me(msg) { alert(msg); }
你可以看到在这段代码中不仅在页面中出现了JavaScript而且还将行为直接绑定在了HTML标签中这时使 用【Commands】->【Externalize JavaScript】来打开DreamWeaver CS4为我们提供工具你可以看到有两 个选项他们分别对应了只将页面中JavaScript代码块分离为外部文件和和此同时分离HTML代码中JavaScript如 图:
 我们选择"Externalize JavaScript and attach unobtrusively"即同时完成代码块和标签中代码分离命令 执行完成后页面代码如下: Untitled Document
Click to alert me
这样就自动化完成了相应工作
 2,JavaScript代码提示 直以来开发JavaScript没有特别顺手IDEAptana算是款基于EcpliseJavaScript开发工具提供了代码高亮和 代码提示功能如今DreamWeaver CS4也提供了此功能当我们构建JavaScript内置对象时它已经可以进行代码提 示了如图:
除此以外DreamWeaver CS4 还提供了对代码提示当代码出现将在窗口顶端有个黄色提示条同时在代码左 侧行号处标识如图:
3,对第 3方JavaScript库支持 上面提到Aptana同时提供对多种JavaScript第 3方类库如Prototype,jQuery,YUI,ExtJS等支持 DreamWeaver CS4也同样提供了我们首先引入个Prototype库然后通过输入 Ajax.试图构建个Ajax应用此时 DreamWeave CS4给出了Ajax类成员思路方法代码提示如图:
.pb{} .pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066} .pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;} /* 分页 */ .pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-ser;} .pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;} .pagebox span

下一页