頁面加載完成后觸發事件很簡單,
寫這個的原因是因為,每次用到的時候總是忘了怎么寫。。。
首先最簡單的方法。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()里面加載。