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

【问题标题】：How to display content when there are no anchor tags in urlurl中没有锚标签时如何显示内容
【发布时间】：2018-04-19 21:18:09
【问题描述】：

当 url 中没有锚点时，我想显示一段代码。我设置了几个块以在锚点选择它们时显示，但我想为什么都不调用时设置一个默认值。

<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】：

在DOMContentLoaded事件中，使用window.location.hash检查URL中是否有哈希，如果没有则显示默认值。

文档：

【讨论】：