<menuitem id="p0cp8"></menuitem><output id="p0cp8"></output><tt id="p0cp8"><tt id="p0cp8"></tt></tt><tt id="p0cp8"></tt><tt id="p0cp8"><kbd id="p0cp8"></kbd></tt>

JS:window.onload的使用介紹

2019-11-20 21:42:55

字體：大中小

來源：轉載

供稿：網友

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> 