JavaScript代码放置的位置

1. 放在head中
这种方式会在页面载人前加载js代码，这样的话，我们不能在head中取得网页元素，因为网页还没加载，看下面的例子，当我们要动态修改按钮显示的值的时候，在head中的代码就会报一个Cannot
 set property 'value' of null的错。这个错误时在chrome中调试得出的，在IE中也会报一个'document.getElementById(...)' 为空或不是对象的错误。当然，如果你把js代码放到body中就没问题了。
[html] 
 
 
 
 
 
 
 
 
 

 

2. 放在body中
根据放置的位置顺序执行js脚本。比如上面的例子，如果我们把js放到元素加载前，也会报错的。
[html] 
 
 
 
 
 
 
 
   www.2cto.com

 

提示：当js文件比较大的时候，建议在前的位置加载js文件，这样不会影响网页的加载速度，如果放在头部的话，会先加载js文件。