css如何禁止a標籤跳轉

方法：1、用“#”，語法“a href="#"”；2、用“javascript:”，語法“a href="javascript:void(0)"”；3、用getElementById取得a標籤，並使用「return false;」取消跳轉。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

<a href="www.baidu.com">百度</a>

1、先來最簡單的吧，我們可以直接在html程式碼中加上#號，如下：

<a href="#">百度</a>   <!--点击时它会跳转到页面的最顶端了-->

2、其次是我們阻止它的預設事件還有下面的這種：

<a href="javascript:void(0)">百度</a>  <!--直接在里面添加一个阻止事件，当然直接是"javascript:"也是可以的，最好还是写全吧-->

3、還有我們js的方法來進行阻止，我們還是給a標籤一個id吧，只需要進行如下操作：

<a id="Header1_HeaderTitle" href="www.baidu.com">百度</a>

let div1 = document.getElementById("Header1_HeaderTitle");
div1.onclick = function(){
      return false;
}

推薦學習：css影片教學

#

以上是css如何禁止a標籤跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！