Stack Overflow最适合启用JavaScript的横幅

Question

我试图模仿这个网站的Javascipt所需的横幅,并且如果允许/启用javascript,则隐藏下面的div,但是我在页面加载时得到了闪光/一瞥.

<div id="Main_noJS">Craftystuff.com works best with JavaScript enabled</div>
<div id="PartOfMain_noJS"><br /></div>

CSS:

#Main_noJS {
    width: 100%;
    height: 23px;
    font-family: Arial;
    font-size: 111%;
    color: White;
    font-weight: bold;
    background: #AE0000;
    text-align: center;
    padding-top: 4px;
    position: fixed;
    z-index: 100;
}

JavaScript的:

// hide the "Craftystuff.com works best with JavaScript enabled" banner, if JavaScript is working
if ($("#Main_noJS")) {
    $("#Main_noJS").hide();
    // hide the spacer between the main content and banner...
    $("#PartOfMain_noJS").hide();
}

所以横幅是可见的,只有当javascript启用时我才能隐藏它

• 但javascript必须花一点时间才能隐藏事物...

当页面首次加载时,我想尝试阻止横幅的任何帮助吗？

Answer 1

将横幅放在<noscript>标签中,记录在此处.

<noscript>
   <div>yada yada yada</div>
</noscript>