about window.onload
在前幾天一次練習(xí)中因為我要在頁面加載完成后調(diào)用一個函數(shù)，于是我在javascript中用了window. onload，這個方法以前從學(xué)習(xí)js就在使用，有時還用來調(diào)用多個函數(shù)。然而我在這次想偷懶，就這樣寫了一段代碼：
???????????????????? window.οnlοad=function name(){
??????? ????????????? $(".left_div").slideDown("show");
??? ????????????? }
因為原本window.οnlοad=function（）{·······}就是一個匿名函數(shù)，所以我像上面這樣寫并沒有錯，但是當(dāng)我在后面調(diào)用name()這個函數(shù)時，就沒法調(diào)用。因為onload 事件會在頁面或圖像加載完成后立即發(fā)生，而且屬于event對象。像我那上面的那種寫法，如果在后面再調(diào)用這個name（）這個函數(shù)肯定是不行的！
?????? 以下是幾種用法方法：
1、最簡單的調(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、同時 調(diào)用多個函數(shù)
???直接寫到html的body標(biāo)簽里面,如：??
???<html>
??????<body οnlοad="name1();name2();name3();">
??????</body>
???</html>
4、js調(diào)用多個函數(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)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的about window.onload的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： unity 创建中文自定义字体
- 下一篇： 用什么软件测试路由器,软件测试路由器系统