2012-11-27 来源:网络
一、JavaScript代码放置位置
页面中的脚本会在页面载人浏览器后立即执行。我们并不总希望这样。有时,希望当页面载人时执行脚本,而另外的时候,则希望当用户触发事件时才执行脚本。
二、位于head部分的脚本
当脚本被调用时,或者当事件被触发时,脚本就会被执行。当把脚本放置到head部分后。就可以确保在需要使用脚本之前,它已经被载入了。把样式表放到文档的<head>内部会加快页面的下载速度。这是因为把样式表放到<head/>内会使页面有步骤的加载显示。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
···
</script>
</head>
···
三、位于body部分的脚本
在页面载入时脚本就会被执行。当把脚本放置于body部分后,它就会生成页面的内容。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<script type="text/javascript">
···
</script>
</body>
</head>
···
四、使用外部JavaScript
如果打算在多个页面中使用同一个脚本,则最好将其放置在一个外部JavaScript文件中。在实际应用中使用外部文件可以提高页面速度,因为JavaScript文件都能在浏览器中产生缓存。内置在HTML文档中的.JavaScript则会在每次请求中随HTML文档重新下载。这增加了HTML文档的大小。
<head>
<script src="xxx.js">···</script>
</head>
<body>
</body>
</head>