如果浏览器中未启用javascript,则显示消息
我正在寻找一个解决方案,向我网站的访问者显示一条信息消息,如果他没有启用javascript的话。我在div中尝试了一条消息,默认情况下该消息是可见的,但在启动时被jQuery函数立即隐藏。问题是,这条消息在短时间内是可见的(直到它被隐藏),这是非常令人恼火的 如果未启用JS,是否有其他方式显示消息 谢谢,如果浏览器中未启用javascript,则显示消息,javascript,html,browser,Javascript,Html,Browser,我正在寻找一个解决方案,向我网站的访问者显示一条信息消息,如果他没有启用javascript的话。我在div中尝试了一条消息,默认情况下该消息是可见的,但在启动时被jQuery函数立即隐藏。问题是,这条消息在短时间内是可见的(直到它被隐藏),这是非常令人恼火的 如果未启用JS,是否有其他方式显示消息 谢谢, Konrad使用noscript标记: <noscript> <div class="awesome-fancy-styling"> This site
Konrad使用
noscript
标记:
<noscript>
<div class="awesome-fancy-styling">
This site requires JavaScript. I will only be visible if you have it disabled.
</div>
...
</noscript>
此站点需要JavaScript。只有当您禁用它时,我才可见。
...
请参阅。您可以使用
noscript
,如果用户禁用了javascript,这些标记中会显示什么内容
如果您想在用户未启用javascript的情况下隐藏其他内容,可以这样做(使用jquery):
.举例{
显示:无;
}
$(文档).ready(函数(){
$('.example').show();
});
必须启用javascript才能显示示例div
这将仅在用户启用javascript时显示内容。您可以使用“”并提供所需的错误消息
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>
Sorry...JavaScript is needed to go ahead.
</noscript>
</body>
</html>
抱歉…需要JavaScript才能继续。
对于比IE4和Netscape 4更新的浏览器,永远不需要使用
标记。只需使用JavaScript
隐藏页面中您不希望启用JavaScript
的人看到的任何内容。这比
要灵活得多,因为您可以使用功能感知实际测试支持特定JavaScript
命令的浏览器,并且仅在浏览器实际支持JavaScript
所需的功能时才隐藏HTML
<p align=center id=js_disabled_message>
x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a>
</p>
<script>
document.getElementById('js_disabled_message').style.display = 'none';
</script>
x、 com需要启用JavaScript
document.getElementById('js_disabled_message')。style.display='none';
如果启用了js
,上述代码将仅隐藏p
标记。这是一种opossite逻辑,用于检测是否启用了
JavaScript
,并且它在所有浏览器上都运行良好
这是最有用的答案,因为有时候你只想隐藏没有javascript的webtemplates的内容(因此,没有“x”按钮的覆盖图像,没有javascript,你只需打开一个带有URL的新页面),应该有一个“gimme”问题的类别……哦,我想
[重复]
;-)由于使用了诸如NoScript之类的浏览器扩展,它们在浏览器中选择性地阻止JS而不禁用JS,因此使用
元素不是很有效。
<p align=center id=js_disabled_message>
x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a>
</p>
<script>
document.getElementById('js_disabled_message').style.display = 'none';
</script>