欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS:window.onload的使用介紹

 更新時(shí)間:2013年11月13日 15:46:24   作者:  
window.onload在某些情況下還是比較實(shí)用的,比如加載時(shí)執(zhí)行哪些腳本等等,下面有幾個(gè)不錯(cuò)的示例,需要的朋友可以參考下
1、最簡單的調(diào)用方式
直接寫到html的body標(biāo)簽里面,如:
復(fù)制代碼 代碼如下:

<html>
<body onload="func()">
</body>
</html>

2、在JS語句調(diào)用
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function func(){……}
window.onload=func;
</script>

3、同時(shí) 調(diào)用多個(gè)函數(shù)
直接寫到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>

相關(guān)文章

  • js實(shí)現(xiàn)圖片3D輪播效果

    js實(shí)現(xiàn)圖片3D輪播效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片3D輪播效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • js控制瀏覽器全屏示例代碼

    js控制瀏覽器全屏示例代碼

    控制瀏覽器全屏的方法有很多,下面為大家介紹下js是如何做到的
    2014-02-02
  • JavaScript 動(dòng)態(tài)將數(shù)字金額轉(zhuǎn)化為中文大寫金額

    JavaScript 動(dòng)態(tài)將數(shù)字金額轉(zhuǎn)化為中文大寫金額

    JavaScript 將數(shù)字金額轉(zhuǎn)化為中文大寫金額的函數(shù)
    2009-05-05
  • 教你如何通過JavaScript讀取元素的樣式

    教你如何通過JavaScript讀取元素的樣式

    這篇文章主要給大家介紹了關(guān)于如何通過JavaScript讀取元素的樣式,文中通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2022-01-01
  • js判斷url是否有效的兩種方法

    js判斷url是否有效的兩種方法

    本篇文章主要是對js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-03-03
  • 淺談Redux中間件的實(shí)踐

    淺談Redux中間件的實(shí)踐

    這篇文章主要介紹了淺談Redux中間件的實(shí)踐,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-07-07
  • 微信小程序多列選擇器range-key使用詳解

    微信小程序多列選擇器range-key使用詳解

    這篇文章主要為大家詳細(xì)介紹了微信小程序多列選擇器range-key的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • javascript用rem來做響應(yīng)式開發(fā)

    javascript用rem來做響應(yīng)式開發(fā)

    這篇文章主要介紹了javascript用rem來做響應(yīng)式開發(fā),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • uniapp使用navigateBack方法返回上級頁面并刷新的簡單示例

    uniapp使用navigateBack方法返回上級頁面并刷新的簡單示例

    最近寫uniapp項(xiàng)目的時(shí)候發(fā)現(xiàn)有時(shí)候需要更新頁面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級頁面并刷新的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-03-03
  • 詳談構(gòu)造函數(shù)加括號與不加括號的區(qū)別

    詳談構(gòu)造函數(shù)加括號與不加括號的區(qū)別

    下面小編就為大家?guī)硪黄斦剺?gòu)造函數(shù)加括號與不加括號的區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10

最新評論