在不刷新的情況下刪除URL 雜湊片段
在當今的現代Web 開發環境中，從URL 中刪除雜湊片段(#something) (例如，http://example.com#something) 是一個常見的要求。雖然像是設定「window.location.hash = ''」這樣簡單的方法看起來可能很直觀，但它並不能完全解決問題。
為了在不刷新頁面的情況下有效刪除哈希，我們轉向 HTML5歷史API。此 API 提供了操作目前網域中網址列中 URL 的功能。
以下JavaScript 函數利用HTML5 History API 刪除雜湊片段：
function removeHash() {
history.pushState("", document.title, window.location.pathname + window.location.search);
}此程式碼snippet 將目前URL 取代為不含雜湊片段的新URL，並將新狀態推送到瀏覽器記錄中。它可以在 Chrome、Firefox、Safari、Opera 甚至 IE 10 等現代瀏覽器中無縫運行。
對於不支援History API 的瀏覽器，可以採用優雅的降級方法：
function removeHash() {
var scrollV, scrollH, loc = window.location;
if ("pushState" in history)
history.pushState("", document.title, loc.pathname + loc.search);
else {
// Prevent scrolling by storing the page's current scroll offset
scrollV = document.body.scrollTop;
scrollH = document.body.scrollLeft;
loc.hash = "";
// Restore the scroll offset, should be flicker free
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
}
}此擴充功能可確保在缺乏History API 支援的瀏覽器中刪除哈希，保留頁面滾動位置以最大程度地減少視覺幹擾。
使用這些技術，您可以有效地從 URL 中刪除雜湊片段，而無需觸發頁面刷新，從而提供跨各種瀏覽器的無縫用戶體驗。
以上是如何在不刷新頁面的情況下刪除 URL 哈希片段？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
