将JavaScript 脚本嵌入到HTML 文档中有4 种标准方法:
代码包含于标记对,然后嵌入到HTML 文档中;
通过标记对引入在代码中除了标记对之间的内容外,都是最基本的HTML 代码,可见标记对将JavaScript 脚本代码封装并嵌入到HTML 文档中:document.write("Hello World!");浏览器载入嵌有JavaScript 脚本的HTML 文档时,能自动识别JavaScript 脚本代码起始标记,并将其间的代码按照解释JavaScript 脚本代码的方法加以解释,然后将解释结果返回HTML 文档并在浏览器窗口显示。
所谓标记对,就是必须成对出现的标记,否则其间的脚本代码不能被浏览器解释执行。
来看看下面的代码:<script language="javascript 1.2" type="text/javascript">
document.write("Hello World!");
</script>首先,标记对将JavaScript 脚本代码封装,同时告诉浏览器其间的代码为JavaScript 脚本代码,然后调用document 文档对象的write( )方法写字符串到HTML 文档中。
下面重点介绍标记对之间插入的脚本代码类型;
src 属性:用于将外部的脚本文件内容嵌入到当前文档中,一般在较新版本的浏览器中使用,使用JavaScript 脚本编写的外部脚本文件必须使用.js 为扩展名,同时在标记对中不包含任何内容,如下:<script language="JavaScript 1.2" type="text/javascript" src="Sample.js">
</script>W3C HTML 标准中不推荐使用language 语法,要标记所使用的脚本类型,应设置的type 属性为对应脚本的MIME 类型(JavaScript 的MIME 类型为“text/javascript”)。
但在该属性中可设定所使用脚本的版本,有利于根据浏览器支持的脚本版本来编写有针对性的脚本代码。
下面讨论标记的src 属性如何引入JavaScript 脚本代码。
通过标记的src 属性引入
改写源的代码并保存为test.html:[code]<! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”
“http://www.w3.org/TR/REC-html140/strict.dtd”>
</script>
[/code]同时在文本编辑器中编辑如下代码并将其保存为1.js:[code]document.write("Hello World!");[/code]将test.html 和1.js 文件放置于同一目录,双击运行test.html。
可见通过外部引入 JavaScript 脚本文件的方式,能实现同样的功能。
同时具有如下优点:
将脚本程序同现有页面的逻辑结构及浏览器结果分离。通过外部脚本,可以轻易实现多个页面共用完成同一功能的脚本文件,以便通过更新一个脚本文件内容达到批
量更新的目的;
浏览器可以实现对目标脚本文件的高速缓存,避免额外的由于引用同样功能的脚本代码而导致下载时间的增加。
与 C 语言使用外部头文件(.h 文件等)相似,引入JavaScript 脚本代码时使用外部脚本文件的方式符合结构化编程思想,但也有不利的一面,主要表现在如下几点:
不是所有支持 JavaScript 脚本的浏览器都支持外部脚本,如Netscape 2 和Internet Explorer 3 及以下版本都不支持外部脚本。
外部脚本文件功能过于复杂或其他原因导致的加载时间过长有可能导致页面事件得不到处理或者得不到正确的处理,程序员必须谨慎使用并确保脚本加载完成后其
中的函数才被页面事件调用,否则浏览器报错。
综上所述,引入外部JavaScript 脚本文件的方法是效果与风险并存,开发者应权衡优缺点以决定是将脚本代码嵌入到目标HTML 文档中还是通过引用外部脚本文件的方式来实现相同的功能。
一般来讲,将实现通用功能的JavaScript 脚本代码作为外部脚本文件引用,而实现特有功能的JavaScript 代码则直接嵌入到HTML 文档中的与标记对之间提前载入以及时、正确响应页面事件。