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

  • 相关阅读:
    DFS复习
    二叉搜索树专题
    二叉树路径问题
    二叉树LCA--leetcode236题
    二叉树创建与前、中、后序遍历
    leetCode--n数之和--哈希表/双指针
    leetCode--单词接龙--BFS
    vue-router简单实现
    Promise的简单实现
    闭包&作用域链&let
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3037350.html
Copyright © 2011-2022 走看看