JQuery的read函數(shù)與js的onload不同方式實(shí)現(xiàn)
更新時(shí)間:2013年03月18日 15:04:16 作者:
JQuery的read函數(shù)與js的onload,想必大家對這兩個(gè)方法都有所熟悉吧,接下來介紹一個(gè)實(shí)例用以上兩種方法各自實(shí)現(xiàn),感興趣的你可不要錯(cuò)過了哈,希望可以幫助到你
js的onload實(shí)現(xiàn):
<!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方法的實(shí)現(xiàn):
<!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>
復(fù)制代碼 代碼如下:
<!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方法的實(shí)現(xiàn):
復(fù)制代碼 代碼如下:
<!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實(shí)現(xiàn)jquery的document.ready功能的實(shí)現(xiàn)代碼
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- javascript 模擬JQuery的Ready方法實(shí)現(xiàn)并出現(xiàn)的問題
- jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別
- JavaScript的jQuery庫中ready方法的學(xué)習(xí)教程
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery之$(document).ready()使用介紹
- jQuery的Read()方法代替原生JS詳解
相關(guān)文章
貼近用戶體驗(yàn)的Jquery日期、時(shí)間選擇插件
本文給大家分享一款貼近用戶體驗(yàn)的Jquery日期、時(shí)間選擇插件,需要的朋友可以參考下2015-08-08ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
在做ajax頁面無刷新添加的時(shí)候,IE下遭遇Ajax緩存,因?yàn)閯傞_始并不知道IE有這個(gè)壞毛病,折騰好久,終于解決問題,曬出來和大家分享,希望可以幫助你們2012-12-12jQuery實(shí)現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法,涉及jQuery基于ajax針對json格式文件數(shù)據(jù)的動(dòng)態(tài)載入與排序相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery插件實(shí)現(xiàn)彈性運(yùn)動(dòng)完整示例
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)彈性運(yùn)動(dòng),結(jié)合完整實(shí)例形式分析了jQuery插件擴(kuò)展結(jié)合定時(shí)器實(shí)現(xiàn)頁面元素抖動(dòng)的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果,涉及jQuery響應(yīng)下拉滾動(dòng)事件動(dòng)態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-12-12jQuery實(shí)現(xiàn)從身份證號中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)從身份證號中獲取出生日期和性別的方法,結(jié)合實(shí)例形式分析了jQuery數(shù)學(xué)運(yùn)算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-02-02