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