javascript - 如何在禁用 JavaScript 时显示不同的内容？

Question

<分区>

Answer 1

这是另一种解决方案:

在你头脑中的正常样式表下方有:

<link rel="stylesheet" href="jsdisabled.css" />
<script type="text/javascript">
    document.write('<link rel="stylesheet" href="jsenabled.css" />');
</script>

jsenabled.css 将具有:

#content { display:block; }

而 jsdisabled.css 会:

#content { display:none; }

虽然下面的解决方案有效但无法验证

在你的 noscript 标签中，你可以放置一些隐藏其余内容的样式标签

即:

<noscript>
    <style type="text/css">
        #content { display:none; }
    </style>
    no js content goes here.
</noscript>

<div id="content">
    content here.
</div>

我喜欢使用这种方法，因为它不会在启用 javascript 时使页面闪烁。