DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS實現點擊鏈接取消跳轉效果的方法
JS實現點擊鏈接取消跳轉效果的方法
編輯:JavaScript綜合知識     

 有時候我們僅僅希望將鏈接<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語句,它可以取消鏈接的默認動作  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved