您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS实现点击链接取消跳转效果的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 有时候我们仅仅希望将链接<a>作为一个按钮使用,但是在默认状态下,点击链接会出现跳转效果,下面就通过代码实例,介绍一下如何实现此效果

 代码如下: <!DOCTYPE html>  <html>  <head>  <meta charset="utf-8">  <meta name="author" content="http://www.jb51.net/" />  <title>脚本之家</title>  <script type="text/javascript">  window.onload=function()  {    var olink=document.getElementById("link");    olink.onclick=function()    {      if(confirm("是否删除?")){alert("文件被删除");}      return false;    }  }  </script>  </head>  <body>  <a href="#" id="link">是否删除</a>  </body>  </html>     以上代码实现了我们的要求,链接只会当做一个普通按钮使用,这里主要是在链接的点击事件中使用return false语句,它可以取消链接的默认动作