頁面加載時自動執行(加載)js的幾種方法


一、JS方法
      1.最簡單的調用方式,直接寫到html的body標簽里面:

      <html> <body οnlοad="load();"> </body> </html>

      2.在JS語句調用:

      <script type="text/javascript"> function myfun()   {    alert("this window.onload");    }    /*用window.onload調用myfun()*/    // 不要括號 window.onload = myfun; </script>

      3。Js調用 onload方法 

      <script type="text/javascript"> window.onload = function(){ func1(); func2(); func3(); } </script>

      二、JQ方法

      1.整個頁面的document全部加載完成以后執行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js方法執行感覺就比較慢了。也就是說這是一種最嚴謹的頁面加載完再執行方法的方法。

      window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //這個是jquery代碼 };

      2.僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執行方法。包括在加載外部圖片和資源之前。

      $(document).ready(function() { //任何需要執行的js特效 $("table tr:nth-child(even)").addClass("even"); });

      有一種灰常簡便的寫法:

      $(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要執行的js特效 }
————————————————
版權聲明:本文為CSDN博主「raymond_2580」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_40423597/java/article/details/80208507


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM