Stack Overflow在支持JavaScript的情况下效果最好Banner

问题描述：

我想模仿本网站的Javascipt所需的横幅，并且如果javascript被允许/启用，则隐藏下面的div，但是我在页面上获得了flash/glimps加载。Stack Overflow在支持JavaScript的情况下效果最好Banner

<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必须花一秒钟才能开始隐藏事物......

我想尝试阻止横幅的瞥见，当页面第一次加载，任何帮助？

右击这里，选择*查看源代码*，滚动到底部，检查包含文本“Stack Overflow在JavaScript启用时效果最好”的代码。你看到了吗？ – BalusC 2010-06-12 13:32:56

答

将横幅放入<noscript>标记中，记录为here。

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

答

你可以简单地写出来，隐藏的元素;而页面加载标签，那么这将是不可见的等待脚本运行：

<script>document.write('<div style="display:none;">');</script> 
<div id="Main_noJS">Craftystuff.com works best with JavaScript enabled</div> 
<script>document.write('</div>');</script>

Stack Overflow在支持JavaScript的情况下效果最好Banner

相关推荐