js:window.onload事件 让一个js事件执行多个函数


  1. 转:
  2. 可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。
  3. 下面是一个解决方法。至于attachEvent和addEventListener的用法,可以自己Google或百度一下。
  4. if(document.all){
  5. window.attachEvent('onload',函数名)//IE中
  6. }
  7. else{
  8. window.addEventListener('load',函数名,false);//firefox
  9. }在近来的工作中,用到了attachEvent方法,该方法可以为某一事件附加其它的处理事件,有时候可能比较有用,这里将其基本用法总结一下。
  10. 其语法可以查看《DHTML手册》,里面有详细的说明,这里贴一个例子,该例子来自互联网:
  11. document.getElementById("btn").onclick=method1;
  12. document.getElementById("btn").onclick=method2;
  13. document.getElementById("btn").onclick=method3;
  14. 如果这样写,那么将会只有medhot3被执行
  15. 写成这样:
  16. varbtn1Obj=document.getElementById("btn1");
  17. //object.attachEvent(event,function);
  18. btn1Obj.attachEvent("onclick",method1);
  19. btn1Obj.attachEvent("onclick",method2);
  20. btn1Obj.attachEvent("onclick",method3);
  21. 执行顺序为method3->method2->method1
  22. 如果是Mozilla系列,并不支持该方法,需要用到addEventListener
  23. varbtn1Obj=document.getElementById("btn1");
  24. //element.addEventListener(type,listener,useCapture);
  25. btn1Obj.addEventListener("click",method1,false);
  26. btn1Obj.addEventListener("click",method2,false);
  27. btn1Obj.addEventListener("click",method3,false);
  28. 执行顺序为method1->method2->method3
优质内容筛选与推荐>>
1、Global文件
2、chapter04
3、让UIKit(UIView,UILabel等)直接显示网页内容
4、easyui tree 默认选中第一个元素
5、QSslError 类


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号