頁面加載完畢后執行事件


頁面加載完成后觸發事件很簡單,

寫這個的原因是因為,每次用到的時候總是忘了怎么寫。。。

首先最簡單的方法。jquery的一種簡寫形式:

$(function(){ 
    alert("頁面加載完成!"); 
}); 

其對應的完整形態為:

$(document).ready(function(){ 
    alert("頁面加載完成!"); 
}); 

原生JS方法:

window.onload=function(){ 
    alert("頁面加載完成!"); 
} 

這幾種方法在功能上的效果是一樣的,但是三者(或者說兩者)還是有一些區別的:

  window.onload 會在頁面的document全部加載完成以后,並且要求所有的外部圖片和資源全部加載完成后才會執行操作。

  $(document).ready(function() 只需要在瀏覽器把所有的HTML放入DOM tree之后就執行js效果。包括在加載外部圖片等資源之前。

所以,建議使用方式:

    樣式控制的,比如圖片大小控制,使用$(window).load();

              jS事件觸發的方法,可以在$(document).ready()里面加載。


免責聲明!

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



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