萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS實現點擊鏈接取消跳轉效果的方法

JS實現點擊鏈接取消跳轉效果的方法

 有時候我們僅僅希望將鏈接<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語句,它可以取消鏈接的默認動作  
copyright © 萬盛學電腦網 all rights reserved