JS:window.onload的使用介紹
更新時間:2013年11月13日 15:46:24 作者:
window.onload在某些情況下還是比較實用的,比如加載時執(zhí)行哪些腳本等等,下面有幾個不錯的示例,需要的朋友可以參考下
1、最簡單的調(diào)用方式
直接寫到html的body標簽里面,如:
<html>
<body onload="func()">
</body>
</html>
2、在JS語句調(diào)用
<script type="text/javascript">
function func(){……}
window.onload=func;
</script>
3、同時 調(diào)用多個函數(shù)
直接寫到html的body標簽里面,如:
<html>
<body onload="func1();func2();func3();">
</body>
</html>
4、js調(diào)用多個函數(shù),以下這種調(diào)用方式可以用于不太復(fù)雜的JS程序中,如果程序函數(shù)很多,邏輯比較復(fù)雜,可以考慮用第五種方式。
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
window.onload=function(){
func1();
func2();
func3();
}
</script>
5、JS自定義函數(shù)式多次調(diào)用
<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>
直接寫到html的body標簽里面,如:
復(fù)制代碼 代碼如下:
<html>
<body onload="func()">
</body>
</html>
2、在JS語句調(diào)用
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function func(){……}
window.onload=func;
</script>
3、同時 調(diào)用多個函數(shù)
直接寫到html的body標簽里面,如:
復(fù)制代碼 代碼如下:
<html>
<body onload="func1();func2();func3();">
</body>
</html>
4、js調(diào)用多個函數(shù),以下這種調(diào)用方式可以用于不太復(fù)雜的JS程序中,如果程序函數(shù)很多,邏輯比較復(fù)雜,可以考慮用第五種方式。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
window.onload=function(){
func1();
func2();
func3();
}
</script>
5、JS自定義函數(shù)式多次調(diào)用
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
相關(guān)文章
JavaScript 動態(tài)將數(shù)字金額轉(zhuǎn)化為中文大寫金額
JavaScript 將數(shù)字金額轉(zhuǎn)化為中文大寫金額的函數(shù)2009-05-05javascript用rem來做響應(yīng)式開發(fā)
這篇文章主要介紹了javascript用rem來做響應(yīng)式開發(fā),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-01uniapp使用navigateBack方法返回上級頁面并刷新的簡單示例
最近寫uniapp項目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級頁面并刷新的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03詳談構(gòu)造函數(shù)加括號與不加括號的區(qū)別
下面小編就為大家?guī)硪黄斦剺?gòu)造函數(shù)加括號與不加括號的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10