about window.onload
在前幾天一次練習(xí)中因?yàn)槲乙陧撁婕虞d完成后調(diào)用一個(gè)函數(shù),于是我在javascript中用了window. onload,這個(gè)方法以前從學(xué)習(xí)js就在使用,有時(shí)還用來調(diào)用多個(gè)函數(shù)。然而我在這次想偷懶,就這樣寫了一段代碼:
???????????????????? window.οnlοad=function name(){
??????? ????????????? $(".left_div").slideDown("show");
??? ????????????? }
因?yàn)樵緒indow.οnlοad=function(){·······}就是一個(gè)匿名函數(shù),所以我像上面這樣寫并沒有錯(cuò),但是當(dāng)我在后面調(diào)用name()這個(gè)函數(shù)時(shí),就沒法調(diào)用。因?yàn)閛nload 事件會(huì)在頁面或圖像加載完成后立即發(fā)生,而且屬于event對(duì)象。像我那上面的那種寫法,如果在后面再調(diào)用這個(gè)name()這個(gè)函數(shù)肯定是不行的!
?????? 以下是幾種用法方法:
1、最簡(jiǎn)單的調(diào)用方式
???直接寫到html的body標(biāo)簽里面,如:
???<html>
??????<body οnlοad="function()">
??????</body>
???</html>
2、在JS語句調(diào)用
???<script type="text/javascript">
??????function name(){……}
??????window.οnlοad=name;
???</script>
3、同時(shí) 調(diào)用多個(gè)函數(shù)
???直接寫到html的body標(biāo)簽里面,如:??
???<html>
??????<body οnlοad="name1();name2();name3();">
??????</body>
???</html>
4、js調(diào)用多個(gè)函數(shù),以下這種調(diào)用方式可以用于不太復(fù)雜的JS程序中,如果程序函數(shù)很多,邏輯比較復(fù)雜,可以考慮用第五種方式。
?????<script type="text/javascript">
??????function name1(){……}
??????function name2(){……}
??????function name3(){……}
??????window.οnlοad=function(){
??????name();
??????name 2();
??????name 3();
?????}
???</script>
5、JS自定義函數(shù)式多次調(diào)用
???<script type="text/javascript">
??????function func1(){……}
??????function func2(){……}
??????function func3(){……}
??????function addLoadEvent(func){
?????????var oldοnlοad=window.onload;
?????????if(typeof window.onload!="function"){
?????????????window.οnlοad=func;
??????????}
?????????else{
?????????????window.οnlοad=function(){
??????????????????oldonload();
??????????????????func();
???????????????}
?????????????}
???????}
???????addLoadEvent(func1);
???????addLoadEvent(func2);
???????addLoadEvent(func3);
???</script>
?
轉(zhuǎn)載于:https://www.cnblogs.com/liubooklin/p/3928109.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的about window.onload的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: unity 创建中文自定义字体
- 下一篇: 关于android中的armeabi、a