订阅汇聚素材网Feed

window.onload的使用

素材网1503 次抢沙发前端开发

标签：window.onload
WordPress中is_single()与is_singular()的区别 JavaScript Break和Continue的区别

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的使用：等您坐沙发呢！

发表评论

*

*

9 + 5

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