如何在url中没有锚标签时显示内容

时间:2018-04-19 21:18:09

标签: javascript html css target

我想在网址中没有锚点时显示一段代码。当锚点选择它们时,我设置了几个块来显示,但是我想在没有任何内容的情况下设置默认值。

<div>
    <!-- default content -->
</div>
<div id="a">
    <!--displays on example.com/#a-->
</div>

#a

的CSS样式
#a:target {display:block;}
#a {display:none;}

我可以使用javascript和下标url,并运行一些条件,但这将是一个相当吉姆操纵的解决方案。

1 个答案:

答案 0 :(得分:1)

DOMContentLoaded事件中,使用window.location.hash检查网址中是否有任何哈希值,如果不显示默认值。

文件: