JS:window.onload的使用介绍

作者： 字体：[增加 减小] 类型：转载 时间：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> 

您可能感兴趣的文章:

 
posted @ 2016-07-08 15:46  mengxiangtong22  阅读(612)  评论(0)  编辑  收藏  举报