当前位置:编程学习 > JAVA >>

jquery ready事件和javascript load事件区别

</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> 



摘自 一路向北
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,