HTML DOM hash 属性
JavaScript基础 2022-06-08 12:14:46小码哥的IT人生shichen
HTML DOM hash 属性
定义和用法
hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。
语法
location.hash=anchorname实例
假设当前的 URL 是: http://example.com:1234/test.htm#part2：
<html>
<body>
<script type="text/javascript">
document.write(location.hash);
</script>
</body>
</html>
输出：
#part2TIY
完整实例【使用 location 对象的 hash 属性】：
<html>
<body>
<script type="text/javascript">
location.hash="#part2";
document.write(location.hash);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例【锚的数组】：
<html>
<head>
<script type="text/javascript">
function linkTo(y)
{
var x=window.open("/demo/example/hdom/anchors.htm","","scrollbars=yes,width=250,height=200")
x.location.hash=y
}
</script>
</head>
<body>
<h3>Links and Anchors</h3>
<p>点击一个按钮，来显示第二个窗口中的锚。</p>
<input type="button" value="0" onclick="linkTo(0)">
<input type="button" value="1" onclick="linkTo(1)">
<input type="button" value="2" onclick="linkTo(2)">
<input type="button" value="3" onclick="linkTo(3)">
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
本例打开两个窗口。第一个窗口中包含四个按钮。第二个窗口定义了四个锚。当点击第一个窗口中的某个按钮时，onclick 事件句柄会到达第二个窗口指定的锚。
