css中禁止a標簽跳轉(zhuǎn)的方法

這篇文章主要介紹了css中禁止a標簽跳轉(zhuǎn)的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

方法：1、用“#”，語法“a href="#"”；2、用“javascript:”，語法“a href="javascript:void(0)"”；3、用getElementById獲取a標簽，使用“return false;”取消跳轉(zhuǎn)。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

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

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

<a href="#">百度</a>   <!--點擊時它會跳轉(zhuǎn)到頁面的最頂端了-->

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是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中禁止a標簽跳轉(zhuǎn)的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!