gpt4 book ai didi

javascript - 单击内部 anchor /哈希时自动更新 javascript 元素

转载 作者:行者123 更新时间:2023-11-30 13:18:50 26 4
gpt4 key购买 nike

我想在单击链接时在 id="demo" 中显示更新的 anchor /哈希。文档的布局如下。

<html>
<head>

<script type="text/javascript">
function myfunction()
{
document.getElementById("demo").innerHTML=location.hash;
}
</script>

</head>
<body>

<h1>Javascript</h1>
<p id="demo">This is a paragraph.</p>

<a href="#example" onclick="myfunction()">here</a>
</body>
</html>

唯一的问题是当链接被点击时,javascript 不会得到更新的 anchor /哈希,直到链接被第二次按下。

最佳答案

因为此时位置没有改变。您可以使用以下方法:

function myfunction() {
// Sets the event handler once you click, so it will execute when
// the hash will change.
window.onhashchange = function() {
document.getElementById("demo").innerHTML=location.hash;
};
}

现代的方式是:

var hashchange;
function myfunction() {
if ( !hashchange ) {
hashchange = addEventListener( 'change', function() {
document.getElementById("demo").textContent = location.hash;

// If you want to remove the event listener right after,
// you can do this:
removeEventListener( hashchange );
}, false );
}
}

关于javascript - 单击内部 anchor /哈希时自动更新 javascript 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11046663/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com