如果禁用JavaScript,如何隐藏按钮?

如果禁用JavaScript,如何隐藏按钮?,javascript,asp.net-mvc-3,Javascript,Asp.net Mvc 3,我有一个允许用户创建新内容的网站,我使用javascript检查垃圾邮件。如果用户已关闭javascript,如何隐藏或禁用post搜索按钮 <input type="submit" name="submitmee" id="creatingpost" value="Post" /> 您只需在头脑中使用noscript标记,该标记仅在禁用javascript时加载 HTML #创造职位{ 显示:无; } #诺伊斯班纳 { 显示:块; } 在禁用JavaScript的情况下检查此

我有一个允许用户创建新内容的网站,我使用javascript检查垃圾邮件。如果用户已关闭javascript,如何隐藏或禁用post搜索按钮

<input type="submit" name="submitmee" id="creatingpost" value="Post" />

您只需在头脑中使用
noscript
标记,该标记仅在禁用javascript时加载

HTML

#创造职位{
显示:无;
}
#诺伊斯班纳
{
显示:块;
}

在禁用JavaScript的情况下检查此项

您可以在您的头脑中使用一个
noscript
标记,该标记仅在禁用javascript时加载

HTML

#创造职位{
显示:无;
}
#诺伊斯班纳
{
显示:块;
}

在禁用JavaScript的情况下检查此项

您可以在您的头脑中使用一个
noscript
标记,该标记仅在禁用javascript时加载

HTML

#创造职位{
显示:无;
}
#诺伊斯班纳
{
显示:块;
}

在禁用JavaScript的情况下检查此项

您可以在您的头脑中使用一个
noscript
标记,该标记仅在禁用javascript时加载

HTML

#创造职位{
显示:无;
}
#诺伊斯班纳
{
显示:块;
}
在禁用JavaScript的情况下检查此项

为什么不在默认情况下显示“no-JS”版本,并用JavaScript切换它(显然只有在启用JS的情况下才会运行)

HTML:


请打开JavaScript

CSS:

JavaScript(jQuery):

或者,您可以在
html
元素上放置一个“no-js”类,并将其替换为
document.ready
上的“js”,然后用这些类相应地设置样式

这两种方法都为您提供了一种灵活的方法,只需几行代码即可为整个站点的功能创建无JS的替代方案。

为什么不在默认情况下显示“无JS”版本,并使用JavaScript切换它(显然,只有启用JS时才会运行)

HTML:


请打开JavaScript

CSS:

JavaScript(jQuery):

或者,您可以在
html
元素上放置一个“no-js”类,并将其替换为
document.ready
上的“js”,然后用这些类相应地设置样式

这两种方法都为您提供了一种灵活的方法,只需几行代码即可为整个站点的功能创建无JS的替代方案。

为什么不在默认情况下显示“无JS”版本,并使用JavaScript切换它(显然,只有启用JS时才会运行)

HTML:


请打开JavaScript

CSS:

JavaScript(jQuery):

或者,您可以在
html
元素上放置一个“no-js”类,并将其替换为
document.ready
上的“js”,然后用这些类相应地设置样式

这两种方法都为您提供了一种灵活的方法,只需几行代码即可为整个站点的功能创建无JS的替代方案。

为什么不在默认情况下显示“无JS”版本,并使用JavaScript切换它(显然,只有启用JS时才会运行)

HTML:


请打开JavaScript

CSS:

JavaScript(jQuery):

或者,您可以在
html
元素上放置一个“no-js”类,并将其替换为
document.ready
上的“js”,然后用这些类相应地设置样式

这两种方法都为您提供了一种灵活的方法,只需几行代码就可以为整个站点的功能创建无JS的备选方案。

if(javascript== off)
{
    /* please turn on javascript */
}
else
{
    /* show button */
}
<noscript>
    <style type="text/css">
         #creatingpost {
           display: none; 
         }

         #noJsBanner
         {
            display: block;
         }
    </style>
</noscript>
.js-show
{
    display: "none";
}
$(function() {
    $('.js-hide').hide();
    $('.js-show').show();
});