實現在HTML頁面載入完畢後執行某個JS的兩種方法

2021-08-18 13:26:29 字數 577 閱讀 4154

方式一:

window.οnlοad=function()

方式二:

$(document).ready(function()); 

方式二可簡寫為:

$(function());

兩種方式的區別:

window.onload:

$(document).ready: 

使用$(document).ready()一般來說都要優於試用onload事件處理程式,但必須要明確一點的是,因為支援檔案可能還沒有家在完成,所以類似影象的高度和寬度這樣的屬性此時不一定有效。 

注:用把js放在頁面底部的方法以及運用defer="defer" 的方法都是會出現問題的。最好使用上面的函式!

defer詳解:

中的defer作用是文件載入完畢了再執行指令碼,這樣回避免找不到物件的問題---有點問題

test

test

因為defer屬性預設是為false的,那麼在這裡

顯式宣告defer屬性後等同於

宣告了defer屬性之後,需要判斷是否有別的變數引用了defer指令碼塊中的變數,否則的話會導致指令碼錯誤的產生。

在HTML頁面載入完畢後執行某個js

在dom載入完就可以執行 比window.onload更早 在同一頁面中可以多次出現.ready 兩者主要區別 window.nl ad function document ready function 使用 document ready function 一般來說都要優於使用onload事件處理程...

在HTML頁面載入完畢後執行某個js

1 js方法 2 jquery方法 需要引用jquery檔案支援 或者可以簡寫為 當dom載入完就可以執行 比window.onload更早 在同乙個頁面裡可以多次出現.ready ps 兩者的主要區別 window.onload document ready 舉乙個例子 使用 document r...

兩種頁面載入等待效果的實現

第一種,當開啟乙個新的頁面時,這個頁面的載入時間可能會比較長,可以用以下js實現頁面等待效果,將該js匯入載入的頁面即可使用 獲取瀏覽器頁面可見高度和寬度 var pageheight document.documentelement.clientheight,pagewidth document....