一彼妻、入口函數(shù)
1.javascript入口函數(shù)
javascript 入口函數(shù)是使用windows.onload
實(shí)現(xiàn)的會(huì)把原有windows.onload覆蓋
windows.onload = init
//init1 覆蓋init2
windows.onload = init1
2.jQuery入口函數(shù)
2.1 jQuery入口函數(shù)的兩種寫法
第一種寫法
$(document).ready(
function (){
}
)
第二種寫法
$(
function(){
}
);
二、javascript與jQuery入口函數(shù)的區(qū)別
1.JavaScript的入口函數(shù)比jQuery的入口函數(shù)早一些
- JavaScript的入口函數(shù)要等到 頁面中所有資源(包括圖片抖锥、文件) 加載完成才開始執(zhí)行。
- jQuery的入口函數(shù)只會(huì)等待文檔樹加載完成就開始執(zhí)行朋蔫,并不會(huì)等待圖片找都、文件的加載。
2.jQuery的入口函數(shù)不會(huì)覆蓋原有的入口函數(shù)免都,而會(huì)進(jìn)行添加
下面這個(gè)實(shí)例演示了以上的兩個(gè)區(qū)別
window.onload = init1;
window.onload = init2;
function init1() {
console.log("init1");
}
function init2() {
console.log("init2");
}
$(document).ready(
function (){
console.log("第一種入口函數(shù)的寫法");
}
);
$(
function(){
console.log("這是jquery入口函數(shù)的第二種寫法");
}
);
可以看到javascript的入口函數(shù)執(zhí)行的比jQuery的晚锉罐,且會(huì)進(jìn)行覆蓋
3.jQuery執(zhí)行較早的好處
例如淘寶,京東這類大網(wǎng)站绕娘,圖片等資源較多脓规,若要等待全部加載就會(huì)導(dǎo)致代碼執(zhí)行很緩慢,因此文檔樹加載完成再執(zhí)行代碼執(zhí)行會(huì)比較快些