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,将事件处理程序放到了外面。

  • 相关阅读:
    CF980E The Number Games
    UVALive 2995 Image Is Everything
    CF1148F Foo Fighters
    CF22E Scheme
    CF1045G AI robots
    学习笔记 并查集维护区间删除
    HEOI 十二省联考退役记
    立方网面试题总结
    Django学习排错备注
    追求卓越之旅(转)
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3037350.html
Copyright © 2011-2022 走看看