jQuery的頁面加載事件是非常常用的,它可以讓我們在頁面完成加載后執行一些操作,如綁定事件、初始化數據等等。jQuery提供了多種頁面加載事件,下面就詳細介紹一下:
$(document).ready(function(){ // 執行操作 });
這是最常用的頁面加載事件,$(document).ready()函數會在頁面所有元素加載完畢后執行傳入的函數,也就是說它會在DOM樹建立完成之后執行。注意,同一個頁面可以包含多個$(document).ready()函數。
$(window).load(function(){ // 執行操作 });
$(window).load()函數與$(document).ready()函數類似,它會在頁面所有元素(包括圖片等外部資源)加載完畢后執行傳入的函數。
$(function(){ // 執行操作 });
$(function(){})是$(document).ready()的簡寫,它也會在DOM樹建立完成后執行傳入的函數。
除了以上三種方式外,還有一種新的頁面加載事件——window.addEventListener("load", function(){}),這種方式比$(window).load()略微快一些。
window.addEventListener("load", function(){ // 執行操作 });
總之,根據需求選擇不同的頁面加載事件是非常重要的,當然最常用的就是$(document).ready()了。
上一篇css怎么重置信息