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

时间:2014-04-21 17:24:54

标签: javascript asp.net-mvc-3

我有一个允许用户创建新内容的网站,我使用javascript作为检查垃圾邮件的方法。如果用户关闭了javascript,我该如何隐藏或停用帖子搜索按钮

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

我可以使用if语句或noscripts的组合吗?我在网上看过一些例子,但他们都重定向用户,我试图做类似

的事情
if(javascript== off)
{
    /* please turn on javascript */
}
else
{
    /* show button */
}

2 个答案:

答案 0 :(得分:2)

您可以在头脑中使用仅在禁用javascript时加载的noscript标记。

HTML

<noscript>
    <style type="text/css">
         #creatingpost {
           display: none; 
         }

         #noJsBanner
         {
            display: block;
         }
    </style>
</noscript>

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

答案 1 :(得分:0)

为什么不展示&#34;没有JS&#34;默认情况下版本并用JavaScript切换(显然只有在启用JS时才会运行)?

HTML:

<div class="js-show">
    <input type="Submit" value="Go!" />
</div>
<div class="js-hide">
    <p>Please switch JavaScript on.</p>
</div>

CSS:

.js-show
{
    display: "none";
}

JavaScript(jQuery):

$(function() {
    $('.js-hide').hide();
    $('.js-show').show();
});

Fiddle.

或者,您可以放置​​一个&#34; no-js&#34; html元素上的类,并将其交换为&#34; js&#34;在document.ready上,然后相应地为这些类设置样式。

这些方法中的任何一种都为您提供了一种灵活的方式,可以在整个站点上创建无需JS的替代方案,而且只需几行代码。