最近使用$(document).ready(function(){})遇到一個問題：加載頁面后發(fā)送數(shù)據(jù)請求后臺，得到的數(shù)據(jù)不對，后發(fā)現(xiàn)請求后臺時，發(fā)送的數(shù)據(jù)為空，沒有獲取到值導(dǎo)致的。------改成window.onload = function(){}或者$(window).load(function(){})就可以了?，F(xiàn)總結(jié)一下這一塊的知識點。

?

如何選擇$(document).ready()和window.onload請結(jié)合實際情況進(jìn)行判斷。

$(document).ready()和window.onload之間的區(qū)別：

1.執(zhí)行時間

window.onload = function(){}? -------- 頁面上所有的元素（包括圖片，文件）加載完成之后執(zhí)行，jquery的寫法是$(window).load(function(){})

$(document).ready(function(){})? ------- 頁面上DOM結(jié)構(gòu)繪制完成之后執(zhí)行,可以簡寫成$(function(){})。

頁面會先執(zhí)行$(document).ready()，然后執(zhí)行window.onload。

2.執(zhí)行次數(shù)

window.onload = function(){} ------ 只執(zhí)行一次，如果定義多個時，只會執(zhí)行最后一個定義的方法；如果想執(zhí)行多個方法，可以使用$(window).load(function(){}) （會按照定義順序執(zhí)行）

$(document).ready(function(){}) ---- 可以執(zhí)行多次，頁面編寫多個$(document).ready()方法時，按照定義順序依次執(zhí)行

<script> window.onload = function(){alert("onload11"); } window.onload = function(){alert("onload22"); } $(window).load(function() {alert("load11"); }); $(window).load(function() {alert("load22"); }); $(document).ready(function() {alert("ready22"); }); $(document).ready(function() {alert("ready11"); }); </script>

彈出的順序為? ?ready22? ----->? ready11? ----->? onload22? ----->? load11 ----->? load22

轉(zhuǎn)載于:https://www.cnblogs.com/wjmm/p/8073937.html

總結(jié)

以上是生活随笔為你收集整理的$(document).ready()和window.onload之间的差异的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。