现在的位置: 首页 > 综合 > 正文

在HTML中嵌入JavaScript脚本

2013年10月14日 ⁄ 综合 ⁄ 共 1076字 ⁄ 字号 评论关闭

把客户端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服务器输出的代码。很多互联网广告依赖于此。

抱歉!评论已关闭.