當前位置:才華齋>設計>網頁設計>

JQuery的ready函式與JS的onload區別詳解

網頁設計 閱讀(2.88W)

JQuery的ready函式與JS的onload的區別:

JQuery的ready函式與JS的onload區別詳解

1.執行時間

ad必須等到頁面內包括圖片的所有元素載入完畢後才能執行。

$(document)y()是DOM結構繪製完畢後就執行,不必等到載入完畢。

2.編寫個數不同

ad不能同時編寫多個,如果有多個ad方法,只會執行一個

$(document)y()可以同時編寫多個,並且都可以得到執行

3.簡化寫法

ad沒有簡化寫法

$(document)y(function(){})可以簡寫成$(function(){});

例子:

複製程式碼 程式碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"">

//js中window物件的onload屬性執行jsFunction1函式

ad=jsFunction1;

//js中window物件的'onload屬性執行jsFunction2函式

ad=jsFunction2;

//jquery的ready方法執行jqFunction1函式

$(document)y(jqFunction1);

//jquery的ready方法執行jqFunction2函式

$(document)y(jqFunction2);

//jsFunction1函式

function jsFunction1(){

alert("jsFunction1");

}

//jsFunction2函式

function jsFunction2(){

alert("jsFunction2");

}

//jqFunction1函式

function jqFunction1(){

alert("jqFunction1");

}

//jqFunction2函式

function jqFunction2(){

alert("jqFunction2");

}

ready和js中的onload的區別