js實現頁面載入完成之後再去執行程式碼

antzone發表於2017-03-21

在實際應用中往往需要在頁面載入完畢之後再去執行相關的js程式碼,之所以這麼操作是有道理的,如果是操作dom元素,如果相關元素沒有載入完成,而去執行js程式碼,可能會導致錯誤,下面就介紹一下如何實現頁面載入完成再去執行程式碼,這是最為基礎的知識了,可能初學者還不太瞭解,寄希望能夠給需要的朋友帶來一定幫助。

一.window.onload事件:

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
window.onload=function(){
  //code
}

當頁面完全載入完畢之後再去執行code程式碼。

二.使用jQuery的ready事件:

[JavaScript] 純文字檢視 複製程式碼
$(document).ready(function() { 
  //code
});

當穩當結構載入完畢再去執行code程式碼。

相關文章