显示非JavaScript用户的隐藏div

时间:2014-02-06 14:17:29

标签: javascript html css

我有一个隐藏div部分的表单(使用CSS属性:display:none),除非有人从列表中选择一个特定元素,在这种情况下我使用jQuery来显示它。 除非有人在他们的浏览器上禁用了Javascript,否则这很有效,在这种情况下,无论选择什么,div都会保持隐藏状态。

我尝试使用(type:text / html)和标签解决问题,如下所示:

<noscript> <div id="extra" style="display:block"></noscript>
<script type="text/html">
<div id="extra" style="display:none">
</script>

 ...

</div>

当启用JS时,这不起作用,因为浏览器(在Chrome 32和Safari 6上测试)似乎忽略了类型为html的脚本。

有更好(或更正确)的方法吗?

2 个答案:

答案 0 :(得分:4)

首先使用JavaScript隐藏div。然后,您知道对于禁用了JavaScript的用户可以看到它。

<div id="extra"></div>
<script>
document.getElementById("extra").style.display = "none";
</script>

答案 1 :(得分:1)

这是一个视频教程,介绍如何使用jQuery:http://screenr.com/ya7

<强>代码:

<body class="noscript">
<script>
$('body').removeClass('noscript');
</script>
</body>

然后隐藏body.noscript相应的元素

引自here