1. 爱易网页
  2. JavaSript
  3. JQuery的read函数与js的onload的兑现

JQuery的read函数与js的onload的兑现

日期：2014-05-16　 浏览次数：20374 次

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/>

相关资料更多>

  1. 简单有关问题
  2. 【转】js 数目字验证 火狐 文本框获得焦点 文本框处于选中状态
  3. easyUi comboGrid 中文检索有关问题
  4. 初学者有关问题，jquery在本地无法加载，但引用外部jquery包就行，为虾米呀
  5. onclick事件为什么会自动触发？该如何解决
  6. 根据子div的ID获取父div 急解决方法
  7. extjs中checkbox控件为false时为什么就不提交了呢解决办法
  8. js时间处置
  9. 下拉列表的onchange事件与赋值的先后有关问题