html中onload用法 JS頁面加載觸發(fā)事件document.ready和onload的區(qū)別?
JS頁面加載觸發(fā)事件document.ready和onload的區(qū)別?1. 文件準(zhǔn)備就緒它由jQuery提供。正確的文字如下:$(文件)。Ready(function(){/..})因?yàn)樗苈闊?,所?/p>
JS頁面加載觸發(fā)事件document.ready和onload的區(qū)別?
1. 文件準(zhǔn)備就緒它由jQuery提供。正確的文字如下:$(文件)。Ready(function(){/..})因?yàn)樗苈闊酝ǔ?s寫如下:$(function(){}//2。關(guān)于文件準(zhǔn)備就緒與onload的相似之處在于方法體中的代碼是在頁面加載后執(zhí)行的,區(qū)別如下:文件準(zhǔn)備就緒可以綁定多個(gè)函數(shù)。JS按照定義的順序依次執(zhí)行每個(gè)方法體。Onload不能定義多個(gè)函數(shù)。后一個(gè)將覆蓋前一個(gè),因此只執(zhí)行最后一個(gè)。$(函數(shù)(){//方法體1,在添加頁之后執(zhí)行)$(函數(shù)(){//方法體2,在方法體1之后執(zhí)行})window.onload文件=函數(shù)(){//onload方法1}window.onload文件=函數(shù)(){//onload方法2,在頁面加載后執(zhí)行,不會(huì)執(zhí)行onload方法1}
document.ready和onload的區(qū)別?
1。Load是在頁面上所有資源(包括DOM文檔樹、CSS文件、JS文件、圖片資源等)加載完畢后執(zhí)行一個(gè)函數(shù)。問題:如果圖像資源多,加載時(shí)間長,則onload后等待執(zhí)行的函數(shù)需要等待很長時(shí)間,可能會(huì)影響一些效果。2$(文檔)。Ready()是在DOM文檔樹加載一行函數(shù)(不包含圖片、CSS等)后執(zhí)行的,因此它的執(zhí)行速度比加載快。在本機(jī)JS中,ready()方法不包括在內(nèi),只有l(wèi)oad方法,即onload event
您所說的$通常表示jQuery對象。Onload是一個(gè)本機(jī)HTML事件。當(dāng)使用jQuery時(shí),它通常使用$(document)。準(zhǔn)備就緒()。兩者的區(qū)別如下:1。執(zhí)行時(shí)間window.onload文件必須等到頁面中的所有元素(包括圖片)都已加載。$(文檔)。Ready()在繪制DOM結(jié)構(gòu)之后執(zhí)行,而不必等待加載完成。
2. 編譯器的數(shù)量不同window.onload文件如果存在多個(gè),則不能同時(shí)寫入多個(gè)window.onload文件方法,只執(zhí)行一個(gè)$(文檔)。Ready()可以同時(shí)寫入多個(gè)文件,并且所有文件都可以執(zhí)行。3window.onload文件沒有編寫$(文檔)的簡化方法。Ready(function(){})可以縮寫為$(function(){})