• 锋利的Jquery(p的onclick()事件)


    1、一个p元素的点击事件

     1 <html xmlns="http://www.w3.org/1999/xhtml" >
     2 <head runat="server">
     3     <title>无标题页</title>
     4     <script type="text/javascript">
     5         function ClickMe() {
     6             alert('张晶是个粪堆');
     7         }
     8     </script>
     9 </head>
    10 <body>
    11     <form id="form1" runat="server">
    12     <div>
    13        <p onclick="ClickMe();">点击我</p>
    14     </div>  
    15     </form>   
    16 </body>
    17 </html>

    2、所有p元素的点击事件

     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head>
     3 <title></title>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <script type="text/javascript">
     6 window.onload = function(){//页面所有元素加载完毕
     7     var items = document.getElementsByTagName("p");//获取页面中的所有p元素
     8     for(var i=0;i < items.length;i++){    //循环
     9         items[i].onclick = function(){  //给每一个p添加onclick事件
    10             //doing something...
    11             alert("suc!");
    12         }
    13     }
    14 }
    15 </script>
    16 </head>
    17 <body>
    18 <p>测试1</p>
    19 <p>测试2</p>
    20 </body>
    21 </html>

     3、带有循环的

     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head>
     3 <title></title>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <script type="text/javascript">
     6 window.onload = function(){//页面所有元素加载完毕
     7     var items = document.getElementsByTagName("p");//获取页面中的所有p元素
     8     for(var i=0;i < items.length;i++){    //循环
     9         items[i].onclick = function(){  //给每一个p添加onclick事件
    10             //doing something...
    11             alert("suc!");
    12         }
    13     }
    14 }
    15 </script>
    16 </head>
    17 <body>
    18 <p>测试1</p>
    19 <p>测试2</p>
    20 </body>
    21 </html>
  • 相关阅读:
    sql 导出大数据量 到excel
    完美输出textarea样式(换行,空格)
    Caliburn.Micro tips
    客户端向服务器提交数据,表单形式
    sevlet生命周期
    Intent(简单介绍)
    return常用用法
    Activity的生命周期
    android.util.AndroidRuntimeException: requestFeature() must be called before adding content
    ListView点击事件不响应。
  • 原文地址:https://www.cnblogs.com/ElvisZhongShao/p/3939748.html
Copyright © 2020-2023  润新知