JavaScript放置位置区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

以上是关于JavaScript放置位置区别的主要内容,如果未能解决你的问题,请参考以下文章

javascrip基础课程-1

javascrip变量和标识符

JavaScrip

javascript代码放置位置对程序的影响

JavaScrip 入门第一课

JavaScript伪协议