zoukankan      html  css  js  c++  java
  • js添加事件处理程序

    js添加事件处理程序有几种方法。

    1.通过“javascript”伪协议

    2.内嵌事件处理程序(onclick等)

    3.通过class或者id来引用

    1 <a href="javascript:popUp('http://snowinmay.net/')">dada1</a>
    2 <a href="#" onclick= "popUp('http://snowinmay.net/'); return false;">dada2</a>
    3 <a href="http://snowinmay.net/" onclick= "popUp('http://snowinmay.net/'); return false;">dada3</a>
    4 <a href="http://snowinmay.net/" id="athree">dada4</a>

    第一条代码用了伪协议,如果js失效了,那点击dada1将没效果。

    第二条通过内嵌事件处理程序,把href设为了#,如果onclick内的函数失效了,点击也将没有效果。

    第三条把href设置了跳转的链接,在onclick失效后,依然可以点击到新页面。

    但是第二条和第三条都是把代码直接放到html中,结构和行为混在一起,违背了MVC,W3C内容和行为分离的规范。

    第四条通过id,将事件处理程序放到了外面。

  • 相关阅读:
    【Exgcd】斩杀线计算大师
    【DP】操作集锦
    【DP】被3整除的子序列
    【DFS序】【CF-1328E】Tree Queries
    【规律】【CF1327-D】Carousel
    Luogu P4774 屠龙勇士
    LOJ 10149 凸多边形的划分
    Luogu P4036 火星人
    Luogu P3193 GT考试
    CF 986C AND Graph
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3037350.html
Copyright © 2011-2022 走看看