zoukankan      html  css  js  c++  java
  • 让a标签点击后不发生跳转

    1、onclick事件中返回false

    <a href="http://xx.xx" οnclick="return false" >aa</a> 

    2、 用href=”javascript:void(0)”这种伪协议;

    最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。

     

    <a href="javascript:void(0)" class="right-font08" onclick="selectAll();">全选</a>

    3.利用空代码

    这种方法与第2种类似,区别只是执行了一条空的js代码。

    <a href="javascript:;" class="right-font08" onclick="selectAll();">全选</a>

    4、使用 (#)

    总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用

    <a href="#" class="right-font08" onclick="selectAll();">全选</a>
  • 相关阅读:
    去掉滚动条
    一些input用法
    jquery-ui datepicker
    js修改样式
    js时间
    跳转到页面的某个anchor
    事件传递
    flex对象.show()的时候display变成block
    html中传递信息
    button disable and enable
  • 原文地址:https://www.cnblogs.com/amaoo/p/12712432.html
Copyright © 2011-2022 走看看