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

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>

　　推荐阅读

　　提交表单时执行func方法实现代码

复制代码代码如下: <%@ page contentType="text/html; charset=utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x>>>详细阅读

本文标题：JQuery的read函数与js的onload不同方式实现

地址：http://www.17bianji.com/kaifa2/JS/22248.html

1/2 1