onload和ready的區別

2022-08-30 12:27:10 字數 568 閱讀 9954

window.load

$(document).ready()

執行時機

必須等待網頁中所有的內容載入完畢後(包括)才能執行

網頁中所有dom結構繪製完畢後就執行,可以能dom元素關聯的內容並沒有載入完

編寫個數

不能同時編寫多個

以下**無法正確執行:

window.onload = function(){

alert(「offcn」);

window.onload = function(){

alert(「offcn.com」);

結果只輸出第二個

能同時編寫多個

以下**正確執行:

$(document).ready(function(){

alert(「hello offcn」);

$(document).ready(function(){

alert(「hello offcn.com」);

結果兩次都輸出

簡化寫法

無$(function(){

// do something

ready和onload的區別

document ready 和window.onload在表面上看都是頁面載入時我們就去執行乙個函式或動作,但是在具體的細節上 document ready 和window onload還是有區別的。最基本的區別 1.執行時間 window.onload必須等到頁面內包括的所有元素載入完畢後才能執...

onload和ready的區別

onload和ready的區別 1.執行時間 window.onload必須等到頁面內包括的所有元素載入完畢後才能執行 document read 是dom結構繪製完畢後就執行,不必等到載入完畢 2.編寫個數不同 window.onload不能同時編寫多個,如果有多個window.onload方法,...

onready和onload的區別

2016年08月18日 18 09 00 1.onready比onload先執行 執行時間 window.onload必須等到頁面內包括的所有元素載入完畢後才能執行。document ready 是dom結構繪製完畢後就執行,不必等到載入完畢。2.onload只執行最後乙個而onready可以執行多...