A标签触发onclick事件而不跳转

解决方法主要有四种，如下：

1. 不用a标签,设定css或用js来表现（有点复杂）；

2. 用a标签,onclick属性或onclick事件中返回false；(个人喜欢)

    如：a href=""  target="mainFrame" class="STYLE4" onclick="del();return false" >删除</a

    这是个执行顺序的问题，<a>这个标签的执行顺序应该是先执行onclick    的脚本，最后才进行href参数指定页面的跳转。在onclick中返回false，就可以中止<a>标签的工作流程，也就是不让页面跳转到href参数指定的页面。

3. 用href="javascript:void(0)"这种伪协议；（这种伪协议，少写的好）

    即：a href="javascript:void(0)"  target="mainFrame" class="STYLE4" onclick="del()" >删除</a

4. a href="#"  class="STYLE4" onclick="del()" >删除</a。（总是跳转到当前页面顶部，当页面内容较多时，还是会有跳转的感觉）

打赏

感谢支持与鼓励～