我正在尝试创建一个包含一些隐藏 div 的网站，如果 URL 具有#SOMETHING(http://website.com/#SOMETHING)以显示具有 id SOMETHING(<div id="SOMETHING">...</div>)的潜水，我想做什么JavaScript，这可能吗？
(我想要做的是，如果 URL 有#example 一些脚本，它将从具有 #(示例)id 名称的 div 中删除隐藏文件类)
代码:
<html>
<head>
<style>
.hiddenfile {
opacity: 0;
visibility: hidden;
display: none;
}
</style>
</head>
<body>
<div id="SOMETHING" class="SOMETHING hiddenfile" name="SOMETHING">...</div>
<div id="SOMETHING2" class="SOMETHING2 hiddenfile" name="SOMETHING2">...</div>
<div id="SOMETHING3" class="SOMETHING3 hiddenfile" name="SOMETHING3">...</div>
</body>
</html>
最佳答案
您可以使用window.location.hash:
selector = document.querySelector(window.location.hash)
selector.style.display = 'block'
selector.style.opacity = 1
selector.style.visibility = 'visible'
关于javascript - 如何在 URL 中使用 # 显示和隐藏一些 html 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56509566/