订阅汇聚素材网Feed

window.onload的使用

1、最简单的调用方式

  直接写到html的body标签里面,如:

  <html>

     <body onload=”func()”>

     </body>

  </html>

2、在JS语句调用

  <script type=”text/javascript”>

     function func(){……}

     window.onload=func;

  </script>

3、同时调用多个函数

  直接写到html的body标签里面,如:  

  <html>

     <body onload=”func1();func2();func3();”>

     </body>

  </html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。

    <script type=”text/javascript”>

     function func1(){……}

     function func2(){……}

     function func3(){……}

     window.onload=function(){

     func1();

     func2();

     func3();

    }

  </script>

5、JS自定义函数式多次调用

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

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

  <script type=”text/javascript”>

     function func1(){……}

     function func2(){……}

     function func3(){……}

function addLoadEvent(func) {
var oldonload = window.onload;//得到上一个onload事件的函数
if (typeof window.onload != ‘function’) {//判断类型是否为’function’,注意typeof返回的是字符串
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();//调用当前事件函数
}
}
}
      addLoadEvent(func1);

      addLoadEvent(func2);

      addLoadEvent(func3);

  </script>

11 人Likes
  

文章转载请注明:window.onload的使用-汇聚素材网

本文固定链接:http://www.webhj.com/hj-653.html  +复制链接

window.onload的使用:等您坐沙发呢!

发表评论

*

*

7 + 5

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍