jquery ready事件和javascript load事件區別

來源:互聯網
上載者:User

</pre><pre name="code" class="javascript">/*
 * 頁面載入完成有兩種事件,一是ready,表示文檔結構已經載入完成(不包含圖片等非文字媒體檔案),
 *二是onload,指示頁 麵包含圖片等檔案在內的所有元素都載入完成。(可以說:ready 在onload 前載入!!!)
 *window.onload不能同時編寫多個,如果有多個window.onload方法,只會執行一個 
 *$(document).ready()可以同時編寫多個,並且都可以得到執行
 *$()是$("document").ready()方法的簡寫
 *
 * 以下代碼 先彈出 :hello 然後是 :test2
 */ 
    function test1(){ 
        alert("test1"); 
    } 
    function test2(){ 
        alert("test2"); 
    } 
    window.onload=test1; 
    window.onload=test2; 
/**
 * 想要兩個函數都執行:window.onload=function(){
                        test1();
                        test2()
                    }
 */ 
    $(function(){ 
        alert("hello"); 
    }) 
     
 
/**
 * jquery 與javascript 變數之間的區別:預設情況下當定義jquery物件變數時,應在變數前加一個$以便與
 javascript變數區別
 */ 
 var $div=$("div"); //jquery 變數  
 var div=document.getElementsByTagName("div");//javascript 物件變數  
 
  
  
 window.onload=function(){ 
     var dom=document.getElementsByTagName("a"); 
     for(var i=0;i<dom.length;i++){ 
         dom[i].onclick=function(){ 
             alert("hello"); 
         } 
     } 
 } 
</script> 



摘自 一路向北

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.