頁面加載完成後觸發事件很簡單,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()裏面加載。