JQ中$(document.ready())

時間 2019-11-21

標籤 document.ready document ready 欄目 JavaScript 简体版

原文原文鏈接

js中window.onload與jquery中$(document.ready())的區別javascript

<html>
<head>
<script type='text/javascript' src='jquery-1.3.2.min.js'></script>
<script type='text/javascript'>
    $(document).ready(function(){
        alert("先加載DOM結構,再彈出對話框,後加載大型圖片及內容");
    });
  
   //***************
   //window.onload=function(){ alert("先加載DOM結構,後加載大型圖片及內容,再彈出對話框");}
   //***************
</script>
</head>
<body>
<p>大量內容</p>
<img src='aa.jpg'/>
</body>
</html>

View Code

說明：$(document).ready()是在DOM結構載入完後執行的，而window.onload是得在全部文件都加載完後執行的，注意區別，一個是DOM加載完，一個是全部文件加載完css

所謂DOM加載完，就是指DOM模型加載完，也就是指代碼加載完。
二者最大的區別，就是DOM加載完以後，沒必要再去等相應的圖片加載完就能夠執行JS代碼了。html

補充：(二者的具體用法)
window.onload用法java

<script type='text/javascript'>
function winready(){
    document.getElementByIdx_x.('load').style.display='none';
}
window.onload=winready; //或者window.onload=function(){winready();}
</scritp>

View Code

jquery用法:jquery

<script type='text/javascript'>
    $(document).ready(function(){
        $('#load').css('display','none');
    })
</script>

View Code

1. document.ready()
2. js中window.onload 與 jquery中$(document.ready()) 測試
3. js中window.onload與jquery中$(document.ready())的區別
4. document.ready()的用法
5. JS實現document.ready
6. document.ready 和window.onload
7. window.onload與document.ready區別
8. 細說document.ready和window.onload
9. JQ中的AJAX
10. JQ中的問題
更多相關文章...
• Java 中操作 R - R 語言教程
• Spring中Bean的作用域 - Spring教程
• Scala 中文亂碼解決
• C# 中 foreach 遍歷的用法

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。