WEB开发网
开发学院网页设计JavaScript JavaScript应放置在何处 阅读

JavaScript应放置在何处

 2007-10-31 02:20:51 来源:WEB开发网   
核心提示:在哪里放置JavaScript 页面中的脚本会在页面被载入浏览器后立即得到执行,我们并不总希望这样,JavaScript应放置在何处,有时,我们希望当页面载入时执行脚本,然后以.js为后缀保存这个文件, 注意:外部文件不能包含<script>标签,而另外的时候,我们则希望当用户触发事件时才执行脚本

在哪里放置JavaScript
页面中的脚本会在页面被载入浏览器后立即得到执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。

位于head部分的脚本:
当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到head部分后,就可以确保在需要使用脚本之前,它已经被载入了。

<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
位于body部分的脚本:
在页面被载入时脚本就会被执行。当你把脚本放置于body部分后,它就会生成页面的内容。

<html>
<head>
</head>

<body>
<script type="text/javascript">
....
</script>
</body>
</html>
在body和head部分的脚本:
你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到body,又可以放置到head部分。

<html>
<head>
<script type="text/javascript">
....
</script>
</head>

<body>
<script type="text/javascript">
....
</script>
</body>
</html>
使用外部JavaScript
有时,你也许希望在若干个页面中运行JavaScript,同时不在每个页面中写相同的脚本。

为了达到这个目的,你可以将JavaScript写入一个外部文件之中。然后以.js为后缀保存这个文件。

注意:外部文件不能包含<script>标签。

然后把.js文件指定给<script>标签中的"src"属性,就可以使用这个外部文件了:

<html>
<head>
<script src="xxx.js">....</script>
</head>
<body>
</body>
</html>

Tags:JavaScript 放置 何处

编辑录入:coldstar [复制链接] [打 印]
赞助商链接