$(document).ready()使用討論

$(document).ready()?

一、先為說說 $(document).ready() 的功能：

??? 1. JQuery API對 $(document).ready() 的解釋是：當DOM載入就緒可以查詢及操縱時綁定一個要執行的函數。

????2. 我的理解：$(document).ready() 用于當前頁面加載完成后，就執行其定義的方法，用于異步加載，提交頁面響影的速度，用于在一個頁面中包含多個頁面的情況（一個頁面中使用多個iframe）。

?

二、使用方法如下：

??? 1. 將頁面中使用iframe的地方使用div代替；并定義div的ID屬性。代碼示例如下：

Java代碼 ?

<div?id="MyNoticesDiv"?width="100%"?height="195px"> ??

???????????????????? ??

</div>??

<div id="MyNoticesDiv" width="100%" height="195px"></div>

?

??? 2. 在js定義$(document).ready()，代碼示例如下：

Js代碼 ?

<script?language="JavaScript"?type="text/javascript"> ??

??

????$(document).ready(function(){? ??

??

????????$.ajax({ ??

????????????url?:?'${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3', ??

????????????type?:?'post', ??

????????????dataType?:?"text", ??

????????????success?:?function(text)?{ ??

????????????????isPro?=?false; ??

????????????????if(null?!=?text?&&?""?!=?text){ ??

????????????????????$('#MyNoticesDiv').html(text); ??

????????????????} ??

????????????} ??

????????});????? ??

??

????}) ??

??

</script>??

<script language="JavaScript" type="text/javascript">$(document).ready(function(){ $.ajax({url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',type : 'post',dataType : "text",success : function(text) {isPro = false;if(null != text && "" != text){$('#MyNoticesDiv').html(text);}}}); })</script>

?

??? 3. 頁面完成后，通過js再加載div中要顯示的內容。

首先我解釋一下jQuery jQuery有一個用來作為DOM快速載入javascript的得心應手的小函數，那就是ready… 他在頁面加載完成之前執行。
（也許window.onload()能實現同樣的功能，但當window.onload函數執行的時候，要說明所有東西已經載入，包括圖像和橫幅等等。
要知道較大的圖片下載速度會比較慢，因此用戶必須等待大圖片下載完畢才能看到window.onload()執行的代碼效果，這樣就花費了很長的等待時間，這不是我們想要的。）。
$(document).ready(fn):當DOM載入就緒可以查詢及操縱時綁定一個要執行的函數。這是事件模塊中最重要的一個函數，因為它可以極大地提高web應用程序的響應速度。
簡單地說，這個方法純粹是對向window.load事件注冊事件的替代方法。通過使用這個方法，可以在DOM載入就緒能夠讀取并操縱時立即調用你所綁定的函數. $(document).ready(function(){ // 你的代碼 });
$(document)意思是說，獲取整個網頁文檔對象（類似的于window.document），$(document).ready意思就是說，獲取文檔對象就緒的時候。
上面這段代碼的意思是檢查文檔對象直到它能夠允許被操作（譯者注：這樣做比window.onload()函數要快的多，因為只要文檔對象載入完成就能夠執行代碼了，而不需要等待頁面中的圖片下載是否已經完成）

?

轉載于:https://www.cnblogs.com/zyy711865/p/3424803.html

總結

以上是生活随笔為你收集整理的菜鸟学习笔记2，$(document).ready()使用讨论的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。