很多時候我們需要獲取元素,但是必須等到該元素被載入完成後才能獲取。我們可以把js**放到該元素的後面,但是這樣就會造成 js在我們的 body中存在不好管理。所有頁面載入完畢後所有的元素當然已經載入完畢。一般獲取元素做操作都要在頁面載入完畢後操作。
下面介紹兩種方法:
第一種:
使用:
$
(document)
.ready
(function()
);
解釋:$(document)把原生的 document這個 dom對 當頁面載入完畢後執行裡面的函式,這一種相象轉換為 jquery物件,轉換完成後才能呼叫 對簡單,用得最多。
其中ready方法:ready(fn),表示的是頁面結構被載入完畢後執行傳入函式fn
第二種:
使用:
$
(function()
);
解釋:當頁面載入完畢後執行裡面的函式,這一種相對簡單,用的最多;
上面兩種方式與window.onload的區別:
1、jquery中的頁面載入完畢事件,表示的是頁面結構被載入完畢。
2、window.onload 表示的是頁面被載入完畢。如:img src=」htttp: onload必須等等頁面中的、聲音、影象等遠端資源被載入完畢後才呼叫而 jquery中只需要頁面結構被載入完畢。
JS 和JQuery的頁面載入事件
一 在寫jquery的過程中,一定少不了使用頁面載入事件,而在使用起來的時候總是忘記,今天正好來總結一下也方便以後忘的時候回頭看看 1 dom頁面載入事件 window.onload function 2 jquery的頁面載入事件 第一種 window load function 說明 jquer...
JQuery 頁面載入時觸發ready 事件
從現在開始進入jquery的事件和應用了!好了,言歸正傳!ready 類似於onload 但ready 只要頁面的dom結構 文件結構 載入後便觸發!不包括等非文字 檔案.onload 需要頁面的全部元素載入完後才觸發!ready 的使用方式有以下幾種.法一 document ready funct...
js判斷頁面載入完畢方法
判斷頁面載入完成這個方法是很常見的,下面有三個常用的方法,各有利弊。1 頁面所有內容載入完成執行 window.onload function 2 ie9以上版本監聽事件 if addeventlistener in document false false代表在冒泡階段觸發,true在捕獲階段觸發...