盡量少訪問(wèn)DOM和盡量減少標(biāo)記(將元素保存到變量中)
合并和放置腳本(多個(gè)合成一個(gè)见擦,腳本放在頁(yè)面下方body結(jié)束之前)
-
壓縮腳本
有些時(shí)候我們需要在頁(yè)面一加載完成后就進(jìn)行加載部分函數(shù)這個(gè)時(shí)候我們一想到的就是window.onload的確這個(gè)是可以達(dá)到旅挤,但是如果我們想同時(shí)加載多個(gè)要處理的函數(shù)的話
這樣最后一個(gè)函數(shù)將會(huì)覆蓋掉之前的就像這樣
window.onload = firstfunction();//這個(gè)將會(huì)被下面的代替
window.onload = secondfunction();//這個(gè)有用
這個(gè)時(shí)候你可能就會(huì)選擇將其放在一個(gè)匿名函數(shù)中
window.onload = function(){
firstfunction();
secondfunction();
}
這樣做也可以,但是如果很多的話
下面提供一個(gè)最佳的解決方案,可以作為自己的代碼庫(kù)供自己使用
function addEvent(func){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
使用方法:
addEvent(firstfunction);
addEvent(secondfunction);