html location.hash的用法是什么-开发者知识库平台

html location.hash的用法是什么

html

1424

2023/10/11 1:44:27

栏目: 编程语言

location.hash 是 JavaScript 中的一个属性，它用于获取或设置当前URL的片段标识符（即URL中的锚点部分）。

用法如下：

获取当前URL的片段标识符：

var hash = location.hash; // 返回当前URL的片段标识符，例如"#section1"

设置当前URL的片段标识符：

location.hash = "#section2"; // 将片段标识符设置为"#section2"

通过设置 location.hash 的值，可以改变当前URL的片段标识符，从而实现页面内部的导航或定位。当页面加载时，浏览器会根据 location.hash 的值自动滚动到对应的位置。

注意：

location.hash 返回的值包含 “#” 符号。
通过 location.hash 设置的片段标识符只会触发页面的滚动效果，而不会导致页面的刷新或跳转。
使用 location.hash 改变URL的片段标识符不会向服务器发送请求，因此不会引起页面的重载。
location.hash 只能获取或设置URL的片段标识符部分，若要获取或设置URL的其他部分，可以使用 location.href。

示例：

<!DOCTYPE html>
<html>
<body>
<button onclick="changeHash()">Change Hash</button>
<script>
function changeHash() {
location.hash = "#section2";
}
</script>
</body>
</html>

在上述示例中，当点击按钮时，会将 location.hash 的值设置为 “#section2”，从而改变URL的片段标识符部分。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

html location.hash的用法是什么

最新知识库

相关标签