zoukankan      html  css  js  c++  java
  • 解决多个window.onload冲突问题

    我们在网页中可能要插入多个JS,可是如果在两个JS的代码中都使用了window.onload,可能会出现两个JS不兼容的现象。可能就显示其中一个JS,而另一个就被忽略了,也就是同一个网页中不能出现两个window.onload。这次本人在编写网页的时候就遇到了这个问题,因为如果只用一个JS就显得有点单调,如果重新编写JS代码又感觉太麻烦。这时我们就要用window.attachEvent和window.addEventListener来解决问题了。

    当某一事件被触发时需要执行某个函数,在IE下可用attachEvent,在FF下则要用addEventListener。
    attachEvent()有两个参数,第一个是事件名称,第二个是需执行的函数;
    addEventListener()有三个参数,第一个是事件名称,但与IE事件不同的是,事件不带"on",比如"onsubmit"在这里应为"submit",第二个是需执行的函数,第三个参数为布尔值;

    例如:(可以在IE和FF下分别测试):


    以下是引用片段:
    <input type="button" id="ie" value=" IE " />
    <input type="button" id="ff" value=" FF " />
    <script type="text/javascript">
    var isIE = (document.all && window.ActiveXObject && !window.opera) ? true : false;
    if(isIE)
    {
    document.getElementById('ie').attachEvent("onclick", Fun);
    }
    else
    {
    document.getElementById('ff').addEventListener("click", Fun, false);
    }
    function Fun()
    {
    if(isIE)
    {
    alert('I\'m IE');
    }
    else
    {
    alert('I\'m Not IE');
    }

    }
    </script>

    所以我们可以直接这样编写:

    以下是引用片段:
    if (document.all){
    window.attachEvent('onload',调用函数名)//对于IE
    }
    else{
    window.addEventListener('load',调用函数名,false);//对于FireFox
    }
  • 相关阅读:
    forin语句和document.write换行
    输入日期计算出当天是星期几
    输入半径求圆的面积和简单的ASCII码转化
    一段简单的代码用来在网页上测试javascript程序
    如何在ubuntu下修改hosts?
    如何在终端上打出货币符号和算式
    C#文件监控
    JavaScript类的写法 ( 仿jQuery )
    JavaScript类创建的几种方式
    (转)程序员的十层楼:大家都来测测你的技术层级
  • 原文地址:https://www.cnblogs.com/luoyaoquan/p/2067478.html
Copyright © 2011-2022 走看看