现在的位置: 首页 > 综合 > 正文

jquery ready事件和javascript load事件区别

2017年11月22日 ⁄ 综合 ⁄ 共 759字 ⁄ 字号 评论关闭

/*
 * 页面加载完成有两种事件,一是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>

抱歉!评论已关闭.