禁用 Javascript 时隐藏 ASP 中的占位符答案

【问题标题】：Hide placeholder in ASP when Javascript is disabled禁用 Javascript 时隐藏 ASP 中的占位符
【发布时间】：2014-09-11 19:30:36
【问题描述】：

我需要检查是否启用了 Javascript。如果它被禁用，我需要隐藏一个占位符。在这个placeholder 是一个基于 JS (jQuery) 的小部件。禁用 Javascript 后，用户只能看到一个浪费空间的白框。

我发现当 JS 被禁用但我不知道如何实现检查是否向用户显示此 ID。

当显示 ID 时，它应该隐藏 placeholder。 C# 有什么解决方案吗？

感谢您的帮助。

【问题讨论】：

它需要是 C# 还是 JavaScript 也可以？
如果@morkro 在浏览器中启用了javascript，你如何检查javascript code？

标签： c# javascript html asp.net placeholder

【解决方案1】：

您也可以使用 JavaScript 来做到这一点。听起来很奇怪，但是是的。

您甚至不必检查 ID 是否显示。最初使用 CSS 隐藏 placeholder 即可。然后，如果启用了 JavaScript，则显示 placeholder。

【讨论】：

【解决方案2】：

您可以在渲染标记时在 body 标签（或任何适当的父标签）上设置 CSS 类，然后使用 Javascript 更改该类。当类发生变化时，您可以设置不同的 CSS 样式，包括隐藏标记：

初始html：

<body class="no-js">

<div class="placeholder"></div>
</body>

然后是一些 jQuery：

 $( document ).ready(function() {
     //Remove the no-js class and replace it with js
     $(".no-js").addClass('js');
     $(".no-js").removeClass('no-js');
 });

还有一些 CSS：

 .no-js .placeholder{
    display: none;
 }

这样，您的 CSS 规则将默认隐藏占位符，但 jQuery 会再次将其重新打开。

编辑：jQuery 有点区分大小写 ;)

【讨论】：

很好地了解 jQuery 区分大小写。