为什么location.hash上的输出不会自动刷新？
为什么location.hash上的输出不会自动刷新？
提问于 2019-01-17 19:20:02
单击链接时，新的位置散列不会输出。
我搞不懂为什么浏览器不输出更新后的变量。
<html>
<body>
<p></p>
<a href="#2019-01">1</a>
<a href="#2019-02">2</a>
</body>
<script>
var p = document.querySelector('p');
p.innerHTML = location.hash;
</script>
</html>当我单击第一个链接时，浏览器中的地址更改为#2019-01，但p.innerHTML没有显示任何内容。我预计它会显示#2019-01。
如果我点击crtl r，重新加载页面，那么p.innerHTML会显示#2019-01。
为什么我必须强制重新加载才能获得输出？有没有一种方法可以在不重新加载页面的情况下获得更新后的location.hash值？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-01-17 19:29:44
我建议您创建一个showHash函数，然后在页面加载时立即调用它。此外，您可以向window.onhashchange添加一个事件侦听器，以便在哈希发生更改时随时调用showHash函数。
showHash();
function showHash() {
var p = document.querySelector('p');
p.innerHTML = location.hash;
}
window.onhashchange = showHash;<html>
<body>
<p></p>
<a href="#2019-01">1</a>
<a href="#2019-02">2</a>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54242867
复制
相似问题
图像不会自动刷新
绑定到集合的ListBox不会自动刷新。为什么？
Javascript不会自动刷新iframe
GAEUnit不会自动刷新代码
在IE中刷新javascript location.hash
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
