JavaScript放置位置区别

JavaScript放置位置区别

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

位于 head 部分的脚本：

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

....

....

位于
body 部分的脚本：

在页面载入时脚本就会被执行。当你把脚本放置于 body
部分后，它就会生成页面的内容。

....

在
body 和 head
部分的脚本：

你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head
部分。

....

....

使用外部
JavaScript

有时，你也许希望在若干个页面中运行
JavaScript，同时不在每个页面中写相同的脚本。

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

注意：外部文件不能包含

 

 

简言之：

• 如果放在head里面，初始化页面的时候就会首先加载

• 如果放在body里面，等页面初始化完成，才去加载。

参考：http://blog.sina.com.cn/s/blog_54c367d4010179ks.html