window.location.hash的使用方法是什么

小億
141
2024-03-08 15:27:25

window.location.hash是用于獲取或設(shè)置URL中的片段標(biāo)識(shí)符(hash)部分的屬性。片段標(biāo)識(shí)符是URL中“#”符號(hào)后的部分,通常用于在頁面內(nèi)部進(jìn)行導(dǎo)航或標(biāo)識(shí)特定內(nèi)容。

要獲取當(dāng)前URL中的片段標(biāo)識(shí)符,可以使用以下語法:

var hash = window.location.hash;

要設(shè)置URL中的片段標(biāo)識(shí)符,可以使用以下語法:

window.location.hash = "#section1";

在設(shè)置片段標(biāo)識(shí)符后,頁面會(huì)自動(dòng)滾動(dòng)到具有與片段標(biāo)識(shí)符匹配的id屬性的元素??梢酝ㄟ^監(jiān)聽hashchange事件來檢測(cè)片段標(biāo)識(shí)符的變化:

window.addEventListener("hashchange", function() {
    console.log("Hash changed to: " + window.location.hash);
});

0