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>
Javascript 相关文章推荐
js DOM模型操作
Dec 28 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
Java File类的常用方法总结
Mar 18 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
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
You might like
Joomla开启SEF的方法
2016/05/04 PHP
javascript function、指针及内置对象
2009/02/19 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
2014/01/26 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
详解vue移动端日期选择组件
2018/02/22 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
JS实现电话号码的字母组合算法示例
2019/02/26 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python发布模块的步骤分享
2014/02/21 Python
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python3 Random模块代码详解
2017/12/04 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
正则给header的冒号两边参数添加单引号(Python请求用)
2019/08/09 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
酒店开业策划方案
2014/06/02 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
任命书格式范文
2015/09/22 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android