一个页面中需要多个window.onload = function(){}冲突问题解决

今天在写js作业的时候，没注意用到了几个 window.onload，发现打开测试的时候有冲突，导致没有效果出现。上网查阅了资料，发现解决办法。

如果在一个页面中有两个JavaScript 分别都用到了window.onload

一个是:window.onload=function(a){...}，另一个是:window.onload=function(b){...}

就造成了一个JavaScript 运行不了(一般是前一个)。

方法是写成如下格式：

window.onload=function(){function(a);function(b);}

也就是集中window.onload一次。

还有一种方法：

网上的例子

</pre><p></p><pre style="margin-top: 0px; margin-bottom: 0px; padding: 0px; word-wrap: break-word;"><script type=<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">text/javascript</span><span style="margin: 0px; padding: 0px;">"</span>>    <br style="margin: 0px; padding: 0px;" />function $(obj){<span style="margin: 0px; padding: 0px;">return</span> document.getElementById(obj);}    <br style="margin: 0px; padding: 0px;" />window.onload=function(){    <br style="margin: 0px; padding: 0px;" />   alert(<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">加载完成</span><span style="margin: 0px; padding: 0px;">"</span>);    <br style="margin: 0px; padding: 0px;" />   onload2();    <br style="margin: 0px; padding: 0px;" />   onload3();    <br style="margin: 0px; padding: 0px;" />}    <br style="margin: 0px; padding: 0px;" />function onload2(){    <br style="margin: 0px; padding: 0px;" />   $(<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">aa</span><span style="margin: 0px; padding: 0px;">"</span>).onclick=function dd(){alert(<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">haha</span><span style="margin: 0px; padding: 0px;">"</span>)};    <br style="margin: 0px; padding: 0px;" />}    <br style="margin: 0px; padding: 0px;" />function onload3(){    <br style="margin: 0px; padding: 0px;" />   alert(<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">加载完成</span><span style="margin: 0px; padding: 0px;">"</span>);    <br style="margin: 0px; padding: 0px;" />}</script>    <br style="margin: 0px; padding: 0px;" /><button id=<span style="margin: 0px; padding: 0px;">"</span><span style="margin: 0px; padding: 0px;">aa</span><span style="margin: 0px; padding: 0px;">"</span>>试试</button>