把客户端JavaScript代码嵌入HTML文档有很多方法:
① 放置在标记对<script>和</script>之间。
② 放置在由<script>标记的src属性指定的外部文件中。
③ 放置在事件句柄中,该事件句柄由onclick或onmouseover这样的HTML属性值指定。
④ 在一个URL之中,这个URL使用特殊的javascript : 协议。
<script>标记:
客户端JavaScript代码是HTML文件的一部分,通常放置在标记<script>和</script>之间。
<script>
// your JavaScript code goes here
</script>
在XHTML中,<script>标记中的内容被当作其他内容一样地对待。如果JavaScript代码包含了<和&字符,这些字符就被解释成为XML标记。因此,如果要使用XHTML,最好把所有的JavaScript代码放入到一个CDATA部分中:
<script>
<![CDATA[//your JavaScript code goes here]]>
</script>
外部文件中的脚本:
<script>标记支持src属性。这个属性的值指定了一个包含JavaScript代码的文件的URL。它的用法如下:
<script src="../../scripts/util.js"></script>
JavaScript文件的扩展名通常是.js,它只包含纯粹的JavaScript代码,其中既没有<script>标记,也没有其他HTML标记。
下面是使用src属性的一些优点:
⑴ 它可以把大型JavaScript代码块移出HTML文件,这有助于把内容和行为分离,从而简化了HTML文件。使用src属性是无干扰的JavaScript编程的基石。
⑵ 当某个函数或JavaScript代码由几个不同的HTML文件共享时,可以将它放置在一个单独的文件中,然后由那些需要它的HTML文件读取。这样使得代码的可维护性更好。
⑶ 如果使用JavaScript函数的页面不止一个,那么可以将它们放置在单独的JavaScript文件中,使浏览器将其缓存起来,这样装载它们时速度更快。由多个页面共享JavaScript代码时,虽然初次打开一个JavaScript文件要求浏览器打开一个单独的网络连接,以便下载那个JavaScript文件,但是高速缓存节省的时间远远大于这个延迟。
⑷ 由于src属性的值可以是任意的URL,因此来自一个web服务器的JavaScript程序或web网页可以使用由另一个web服务器输出的代码。很多互联网广告依赖于此。