JQuery的入口函式和原生的入口函式的區別
JQuery的入口函式$(document).ready(function () {})和window.onload = function () {}入口函式的區別:
1、編寫的個數不相同,window.onload只能編寫一個,而JQuery的入口函式可以編寫多個 。window.onload編寫多個時會出現事件覆蓋的問題,比如編寫三個window.onload函式,但是最終只會執行最後一個函式,之前編寫的函式將不會執行。 window.onload=function(){}
<script>
window.onload = function () {
alert("1");
}
window.onload = function () {
alert("2");
}
window.onload = function () {
alert("3");
//最終只會執行該函式
}
</script>
$(document).ready(function(){})
<script> $(document).ready(function () { alert("1"); //會執行該函式 }) $(document).ready(function () { alert("2"); //會執行該函式 }) $(document).ready(function () { alert("3"); //會執行該函式 }) </script>
2、window.onload是等到所有的外部資源都載入完畢以後才會執行,其中包括圖片、視訊等資源,它的優點是可以在函式中操作任意的圖片或者視訊物件,缺點是載入慢。
而jquery是在DOM載入完畢以後才會執行。如果想在操作圖片物件或者視訊等物件,還是需要在window.onload函式中執行。它的優點是載入快,但是如果想操作圖片或者視訊物件時可能會出現獲取不到當前物件的屬性,因為可能當時外部資源並沒有載入完畢。