亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

點擊鏈接后如何隱藏url中的id?

點擊鏈接后如何隱藏url中的id?

拉風的咖菲貓 2023-08-18 10:29:53
如果您單擊該鏈接,您將在 url 中看到該 div 的 id。這怎么可能隱藏呢?#one {  margin-top: 100%;  width: 50px;  height: 50px;  background-color: red;}<a href="#one">Link</a><div id="one"></div>
查看完整描述

2 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

添加事件偵聽器hashchange,然后設置 URLwindow.history.pushState

window.addEventListener("hashchange", () => window.history.pushState({}, "", '/'), {});

#one {

? margin-top: 100%;

? width: 50px;

? height: 50px;

? background-color: red;

}

<a href="#one">Link</a>

<div id="one"></div>

查看完整回答
反對 回復 2023-08-18
?
人到中年有點甜

TA貢獻1895條經驗 獲得超7個贊

您可以使用以下命令監聽窗口哈希的變化


window.addEventListener("hashchange", () => {}, false);


然后更新網址


window.history.pushState();


所以你會做


function hashHandler() {

? ? const loc = window.location.hash.split('#')[1];

? ? window.history.pushState({}, 'Page Title', '/' + loc);

}


window.addEventListener('hashchange', hashHandler, false);

請注意,它僅適用于 Chrome / FF / IE 10+。



查看完整回答
反對 回復 2023-08-18
  • 2 回答
  • 0 關注
  • 192 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號