如何實現點選連結不跳轉效果

admin發表於2017-02-11

超連結<a>原本作用就是為了實現網頁跳轉的，但是某些情況下，會希望當點選連結的時候並不產生跳轉效果，而是在滿足一定條件下再進行跳轉。下面就介紹一下實現此效果的方法:

為超連結繫結onclick事件處理函式，然後返回false，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<script type="text/javascript"> 
window.onload=function(){
  var mylink=document.getElementById("mylink");
  mylink.onclick=function(){
    alert("我是不會跳轉的");
    return false;
  }
}
</script>
</head>
<body>
<a href="http://www.softwhy.com" id="mylink">螞蟻部落</a>
</body>
</body>
</html>

相關文章