JS:window.onload的使用介紹
更新時(shí)間：2013年11月13日 15:46:24 作者：
window.onload在某些情況下還是比較實(shí)用的，比如加載時(shí)執(zhí)行哪些腳本等等，下面有幾個(gè)不錯(cuò)的示例，需要的朋友可以參考下
1、最簡(jiǎn)單的調(diào)用方式
直接寫(xiě)到html的body標(biāo)簽里面，如：
<html>
<body onload="func()">
</body>
</html>
2、在JS語(yǔ)句調(diào)用
<script type="text/javascript">
function func(){……}
window.onload=func;
</script>
3、同時(shí) 調(diào)用多個(gè)函數(shù)
直接寫(xiě)到html的body標(biāo)簽里面,如：
<html>
<body onload="func1();func2();func3();">
</body>
</html>
4、js調(diào)用多個(gè)函數(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>
直接寫(xiě)到html的body標(biāo)簽里面，如：
復(fù)制代碼 代碼如下:
<html>
<body onload="func()">
</body>
</html>
2、在JS語(yǔ)句調(diào)用
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function func(){……}
window.onload=func;
</script>
3、同時(shí) 調(diào)用多個(gè)函數(shù)
直接寫(xiě)到html的body標(biāo)簽里面,如：
復(fù)制代碼 代碼如下:
<html>
<body onload="func1();func2();func3();">
</body>
</html>
4、js調(diào)用多個(gè)函數(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>
您可能感興趣的文章:
- Angular.js中window.onload(),$(document).ready()的寫(xiě)法淺析
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- 引用其它js時(shí)如何同時(shí)處理多個(gè)window.onload事件
- 解析頁(yè)面加載與js函數(shù)的執(zhí)行 onload or ready
- js 一個(gè)關(guān)于圖片onload加載的事
- js onload處理html頁(yè)面加載之后的事件
- js中onload與onunload的使用示例
- js之onload事件的一點(diǎn)使用心得
- 原生javascript如何實(shí)現(xiàn)共享onload事件
相關(guān)文章
javascript實(shí)現(xiàn)瀑布流動(dòng)態(tài)加載圖片原理
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)瀑布流動(dòng)態(tài)加載圖片原理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS中的模糊查詢功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
javascript 動(dòng)態(tài)創(chuàng)建表格
這篇文章主要介紹了javascript 動(dòng)態(tài)創(chuàng)建表格,需要的朋友可以參考下2015-01-01
JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-12-12
textbox右鍵菜單...2006-10-10
在TypeScript中,我們可以使用Class來(lái)定義類,這使得我們能夠更加結(jié)構(gòu)化地組織代碼并使用面向?qū)ο蟮乃枷脒M(jìn)行開(kāi)發(fā),本文小編將給大家詳細(xì)的總結(jié)一下TypeScript中Class類的基本語(yǔ)法,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了ES6數(shù)組的擴(kuò)展,結(jié)合實(shí)例形式詳細(xì)對(duì)比分析了ES6數(shù)組的新增方法與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
JavaScript快速檢測(cè)瀏覽器對(duì)CSS3特性的支持情況
在項(xiàng)目中需要快速檢測(cè)瀏覽器是否支持某CSS3特性，比如檢測(cè)是否支持“transform”，然后我的布局會(huì)有兩種完全不同的版式2012-09-09
判斷是否全是中文的腳本2008-09-09
element-ui?實(shí)現(xiàn)輸入框下拉樹(shù)組件功能
這篇文章主要介紹了element-ui?實(shí)現(xiàn)輸入框下拉樹(shù)組件功能,使用element-ui的?el-input,el-tree,el-popover組件組合封裝,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-05-05