我是 JS 的新手,对一些看起来非常简单的东西有疑问。 我正在尝试制作一个代码,以便如果页面加载时在 url 末尾带有 #,例如。 www.example.com#hashtag,然后会显示一个 div,如果没有 #,div 将不会显示。
我的代码:
JS:
<script type="text/javascript">
if(window.location.hash) {
document.getElementById("displaydiv").style.display = "block";
}
</script>
HTML:
<div id="displaydiv" style="display: none; height: 100px; width: 100px;
background-color: red;"></div>
最佳答案
代码是正确的,但是 <script>
执行得太早,在 <div>
之前已呈现,所以我怀疑您在浏览器中遇到了 JavaScript 错误。你检查浏览器控制台了吗?
移动 <script>
在 <div>
之后将修复它,但将代码放入函数并在页面加载后调用它可能是明智的,例如:
<script type="text/javascript">
function init() {
if (window.location.hash) {
document.getElementById("displaydiv").style.display = "block";
}
}
window.onload = init;
</script>
关于JavaScript 使用主题标签更改显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12193715/