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實現(xiàn)瀑布流動態(tài)加載圖片原理
這篇文章主要為大家詳細介紹了javascript實現(xiàn)瀑布流動態(tài)加載圖片原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS中的模糊查詢功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
javascript 動態(tài)創(chuàng)建表格
這篇文章主要介紹了javascript 動態(tài)創(chuàng)建表格,需要的朋友可以參考下2015-01-01
JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12
textbox右鍵菜單...2006-10-10
在TypeScript中,我們可以使用Class來定義類,這使得我們能夠更加結(jié)構(gòu)化地組織代碼并使用面向?qū)ο蟮乃枷脒M行開發(fā),本文小編將給大家詳細的總結(jié)一下TypeScript中Class類的基本語法,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了ES6數(shù)組的擴展,結(jié)合實例形式詳細對比分析了ES6數(shù)組的新增方法與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
在項目中需要快速檢測瀏覽器是否支持某CSS3特性，比如檢測是否支持“transform”，然后我的布局會有兩種完全不同的版式2012-09-09
判斷是否全是中文的腳本2008-09-09
這篇文章主要介紹了element-ui?實現(xiàn)輸入框下拉樹組件功能,使用element-ui的?el-input,el-tree,el-popover組件組合封裝,本文結(jié)合示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-05-05