您的位置：首页 > Web前端 > JavaScript

JS:window.onload的使用介绍

2016-07-08 15:46 661 查看

作者： 字体：[增加 减小] 类型：转载 时间：2013-11-13 我要评论

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自定义函数式多次调用

复制代码代码如下:

<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){
window.onload=func;
}
else{
window.onload=function(){
oldonload();
func();
}
}
}
addLoadEvent(func1);
addLoadEvent(func2);
addLoadEvent(func3);
</script>

您可能感兴趣的文章:

浅析document.ready和window.onload的区别讲解

jquery $(document).ready() 与window.onload的区别

jquery中的$(document).ready()与window.onload的区别

js window.onload 加载多个函数的方法

window.onload 加载完毕的问题及解决方案（下）

window.onload 加载完毕的问题及解决方案（上）

页面中body onload 和 window.onload 冲突的问题的解决

window.onload的页面加载技巧

window.onload绑定多个事件的两种解决方案
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航