如何正确的把脚本代码插入HTML页面

模块化设计完全就是应用程序开发天地里的一次风暴，而首选的设计方法是商业逻辑（business logic）同表示逻辑（presentation logic）的分离。那么在处理HTML、层叠样式表（CSS）或者JavaScript的时候，这又会把Web的设计人员置于一个什么样的境地呢？幸运的是，HTML为把CSS和脚本同时包括进HTML页面里提供了各种技术。

开始吧

将CSS和脚本包括进Web页面里有三种基本的方法：

• 内嵌（Inline）
• 嵌入式（Embedded）
• 扩展（External）

将代码内嵌入HTML

内嵌这种方法意味着资源会被直接放在HTML里。这就将HTML同非HTML的内容混在了一起，其结果可能就是内容一团糟而且难以维护。下面就是一个为段落元素而内嵌CSS的例子：
<P style=”color: blue; font-family : Helvetica, Arial, sans-serif”>
Paragraph text
</P>

同样的方法也可以用在JavaScript这样的脚本语言上。下面的代码段会在按钮被点中的时候打开一个新窗口：
<input type="button" value="Submit" onClick="window.open('http://builder.com.com');" />

这一技术使你能够迅速地将所需要的代码添加到页面上，但是对其维护工作可能就是一场恶梦了。所进行的任何修改都需要仔细阅读页面的源代码，以找到相关的地点。此外，重新使用通用元素是不可能的。这些负面的因素都使得第二种方法更具有吸引力。