如果浏览器中未启用javascript，则显示消息
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如果浏览器中未启用javascript，则显示消息相关的知识，希望对你有一定的参考价值。
我正在寻找一个解决方案，向我的网站访问者显示一条信息消息，如果他没有启用javascript。我尝试使用div中的消息，默认情况下可见但在启动时立即被jQuery函数隐藏。问题是，该消息在短时间内可见（直到它被隐藏），这是非常恼人的。
如果没有启用JS，还有其他方法来显示消息吗？
谢谢，康拉德
答案
使用noscript标签：
<noscript>
<div class="awesome-fancy-styling">
This site requires JavaScript. I will only be visible if you have it disabled.
</div>
...
</noscript>
见https://developer.mozilla.org/en/HTML/Element/noscript。
另一答案
你可以使用noscript，如果用户禁用了javascript，这些标签内部会显示。
如果你想隐藏其他内容，如果用户没有启用javascript，你可以这样做（这使用jquery）：
<style type="text/css">
.example {
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.example').show();
});
</script>
<div class="example">
<p>...</p>
</div>
<noscript>
<p>You must have javascript enabled for the example div to show!</p>
</noscript>
这只会在用户启用了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>
另一答案
我已经尝试了几个使用noscript的选项，但没有一个适合我。
我最终使用：
<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>
这将隐藏p标签，只有启用js。
这是检测JavaScript是否启用的opossite逻辑，但它适用于所有浏览器。
以上是关于如果浏览器中未启用javascript，则显示消息的主要内容，如果未能解决你的问题，请参考以下文章
如果在 html 中启用了 javascript，则无法获取控制器模型属性
如果在 laravel 5.1 中未授权操作，则通过 ajax 显示错误