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

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的區別