頁面加載完畢後執行事件

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

寫這個的緣由是由於,每次用到的時候老是忘了怎麼寫。。。瀏覽器

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

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

其對應的完整形態爲:code

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

原生JS方法:blog

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

這幾種方法在功能上的效果是同樣的,可是三者(或者說二者)仍是有一些區別的:事件

  window.onload 會在頁面的document所有加載完成之後,而且要求全部的外部圖片和資源所有加載完成後纔會執行操做。圖片

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

因此,建議使用方式:io

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

              jS事件觸發的方法,能夠在$(document).ready()裏面加載。

相關文章
相關標籤/搜索