如何阻止<a>标签的页面跳转

当页面中a标签不需要执行任何页面跳转行为时:

  1、标签属性href,使其指向空或不返回任何内容

      <a href="javascript:void(0);" >页面不跳转</a>

      <a href="javascript:;" >页面不跳转</a>

  2、标签事件onclick,阻止其默认行为

      <a href="" onclick="return false;">页面不跳转</a>

      <a href="#" onclick="return false;">页面不跳转</a>

  在HTML代码中,当onclick事件的返回值为false时,那么该处的默认行为将不会执行。这里的默认行为是指没有Onclick事件时原本的行为。

posted @ 2017-11-08 19:40  咕噜噜zmj  阅读(935)  评论(0编辑  收藏  举报