本文主要是介绍一个页面中需要多个window.onload = function(){}冲突问题解决，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
今天在写js作业的时候，没注意用到了几个 window.onload，发现打开测试的时候有冲突，导致没有效果出现。上网查阅了资料，发现解决办法。
如果在一个页面中有两个JavaScript 分别都用到了window.onload
一个是:window.οnlοad=function(a){...}，另一个是:window.οnlοad=function(b){...}
就造成了一个JavaScript 运行不了(一般是前一个)。
方法是写成如下格式：
window.οnlοad=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.οnlοad=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>).οnclick=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> 这篇关于一个页面中需要多个window.onload = function(){}冲突问题解决的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
