编程 Javascript

JQuery的read函数与js的onload不同方式实现

Posted in Javascript onMarch 18, 2013

js的onload实现:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>js的onload方法的使用</title> 
<script type="text/javascript"> 
window.onload=function(){ 
var myLinks = document.getElementsByTagName("a"); 
for(var i=0 ; i<myLinks.length; i++){ 
myLinks[i].onclick=function(){ 
alert("链接了"); 
} 
} 
} 
</script> 
</head> 
<body> 
<h1>js的onload方法的使用</h1> 
<a href="#">链接1</a><br/> 
<a href="#">链接2</a><br/> 
<a href="#">链接3</a><br/> 
<a href="#">链接4</a><br/> 
<a href="#">链接5</a><br/> 
<a href="#">链接6</a><br/> 
</body> 
</html>

jquery的ready方法的实现：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>ready方法的使用2</title> 
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("a").click(function(){ 
alert("链接了!"); 
}); 
}); 
</script> 
</head> 
<body> 
<h1>ready方法的使用2</h1> 
<a href="#">链接1</a><br/> 
<a href="#">链接2</a><br/> 
<a href="#">链接3</a><br/> 
<a href="#">链接4</a><br/> 
<a href="#">链接5</a><br/> 
<a href="#">链接6</a><br/> 
</body> 
</html>

JQuery的read函数与js的onload不同方式实现

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

禁止刷新，回退的JS

Nov 25 Javascript

javascript 清空form表单中某种元素的值

Dec 26 Javascript

JavaScript简单实现鼠标拖动选择功能

Mar 06 Javascript

获取中文字符串的实际长度代码

Jun 05 Javascript

JS制作手机端自适应缩放显示

Jun 11 Javascript

AngularJS页面访问时出现页面闪烁问题的解决

Mar 06 Javascript

js实现的万能flv网页播放器代码

Apr 30 Javascript

JavaScript实现反转字符串的方法详解

Apr 27 Javascript

vue-resouce设置请求头的三种方法

Sep 12 Javascript

JS获取指定月份的天数两种实现方法

Jun 22 Javascript

CryptoJS中AES实现前后端通用加解密技术

Dec 18 Javascript

JavaScript函数的4种调用方法实例分析

Mar 05 Javascript

js前台分页显示后端JAVA数据响应

Mar 18 #Javascript

侧栏跟随滚动的简单实现代码

Mar 18 #Javascript

JS特权方法定义作用以及与公有方法的区别

Mar 18 #Javascript

Javascript判断对象是否相等实现代码

Mar 18 #Javascript

jQuery+css实现图片滚动效果(附源码)

Mar 18 #Javascript

jquery获取特定name所有选中的checkbox,支持IE9标准模式

Mar 18 #Javascript

javascript定时变换图片实例代码

Mar 17 #Javascript