判斷頁面加載是否完成
一篮绿、原生JS
1.頁面所有內(nèi)容加載完成:window.onload
window.onload = function(){
init(); //你要做的操作。
}
- 當(dāng)一個文檔完全下載到瀏覽器中時寡痰，才會觸發(fā)window.onload事件帜篇。
- 這意味著頁面上的全部元素對js而言都是可以操作的徐绑，也就是說頁面上的所有元素加載完畢才會執(zhí)行中剩。
- 這種情況對編寫功能性代碼非常有利忌穿，因為無需考慮加載的次序。
2. document.onreadystatechange
document.onreadystatechange = function() { //當(dāng)頁面加載狀態(tài)改變的時候執(zhí)行function
if(document.readyState == "complete")
{ //當(dāng)頁面加載狀態(tài)為完全結(jié)束時進入
init(); //你要做的操作结啼。
}
}
二掠剑、jquery方法
$(document).ready()：
$(document).ready(function(){
init(); //你要做的操作。
})
- 會在DOM完全就緒并可以使用時調(diào)用郊愧。
- 雖然這也意味著所有元素對腳本而言都是可以訪問的朴译，但是，并不意味著所有關(guān)聯(lián)的文件都已經(jīng)下載完畢属铁。
- 換句話說眠寿，當(dāng)HMTL下載完成并解析為DOM樹之后，代碼就會執(zhí)行（不包括圖片視頻資源）
JS控制頁面控件顯示和隱藏
1.visibility
document.getElementById("EleId").style.visibility="hidden" //設(shè)置EleId標(biāo)簽隱藏
document.getElementById("EleId").style.visibility="visible" //設(shè)置EleId標(biāo)簽顯示
- visibility設(shè)置元素是否可見
- 使用這種方法實現(xiàn)隱藏后焦蘑，頁面的位置還是會被控件占用盯拱，顯示空白
2.display
document.getElementById("EleId").style.display="none" //設(shè)置EleId標(biāo)簽隱藏
document.getElementById("EleId").style.display="inline" //設(shè)置EleId標(biāo)簽顯示
- diaplay屬性設(shè)置元素如何顯示
- 此方法實現(xiàn)隱藏后，頁面的位置不被占用
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
