Part1:

当js文件放在head里面时，如果绑定了onclick事件，就会出现这样的错误，

是因为W3School的写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。

【1】因此，需要把js文件放在底部加载，就会避免该问题。

【2】在js代码外包一个window.onload = function(){} 即可解决问题

　代码如下：[注]：这里的代码只作为演示代码

1 16         
      
       17             
       18                 19                 20                 21                 22                 23                 24             25             
       
        26              
        
27             
       
28             
       
        29                 
        <30                 
        >31             
       
32         
      

Part2:

那么问题来了window.onload = function(){}又是什么呢？

window.onload 的意思就是页面全部加载完成之后做一些事情，甚至包括图片。

Part3:

那么如果这个问题该怎么解决呢？

1 window.οnlοad=function(){ 2 var o=document.getElementById('infozone'); 3 window.setInterval(function(){scrollup(o,20,0);},3000); 4 } 5  6 window.onload = function(){ 7 var $ = function($){ 8 return document.getElementById($); 9 };10 11 window.onload = function(){12 var $1 = function($1){13 return document.getElementById($1);14 };

[问题]：页面只执行一个事件,另外两个不执行.

我们应该怎么改写能让这三个onload()都能加载到页面中?

[解决]：

1 window.οnlοad=function(){ 2     var o=document.getElementById('infozone'); 3     window.setInterval(function(){scrollup(o,20,0);},3000); 4  5  6     var $ = function($){ 7         return document.getElementById($); 8     } 9     var $1 = function($1){10         return document.getElementById($1);11     }12 }