解决JS冲突之window.onload

阿里云限量代金券发放中

如果您有代购或者代维服务器、PHP网站建设、程序代码修改、系统开发等需求,可以联系我购买付费服务。QQ401313302

解决JS冲突之window.onload

经常会有同学问,JS好像冲突了。下面介绍一个很常见的问题,当然也很容易解决。

window.onload的意思是当页面加载完毕的时候执行。通常把JS脚本放在任意的位置,通过window.onload来执行脚本。但是当同一个页面里出现了两个window.onload=function(){};,就会发现先读的脚本失效了。通常一个页面是只能执行一个window.onload的,这个时候可以通过下面的方法解决:

用window.attachEvent和window.addEventListener。

当某一事件被触发时需要执行某个函数,在IE下可用attachEvent,在FF下则要用addEventListener。

attachEvent()有两个参数,第一个是事件名称,第二个是需执行的函数;

addEventListener()有三个参数,第一个是事件名称,但与IE事件不同的是,事件不带"on",比如"onsubmit"在这里应为"submit",第二个是需执行的函数,第三个参数为布尔值;

if (document.all){

window.attachEvent('onload',函数名)//IE中

}

else{

window.addEventListener('load',函数名,false);//firefox

}

使用上边的脚本就可以解决onload冲突了。

另外的一种方法就是不用window.onload

$(function () {}); //jquery

function AdTick() {};

AdTick();  //js原生方法

未经允许不得转载:好玩吧 » 解决JS冲突之window.onload

腾讯云全球云服务器1核2G服务器低至2折

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址