javascript - 避免使用javascript-jquery代码显示级联div

如果在客户端浏览器上启用了Javascrit和cookie，我的页面将进行简单的验证。
如果是，脚本将显示div id =“ conteudo”（页面内容）并隐藏div id =“ aviso”（一种警告，提示您启用功能或重新安装浏览器以继续进行操作）。
如果不是，则脚本保持div id =“ aviso”可见，并隐藏div id =“ conteudo”。

在我的离线项目上，所有程序都正常运行，但是在服务器上，该页面的加载速度似乎有点慢，当某些脚本条件发生时（禁用了JavaScript或Cookies），在消失之前我可以看到div id =“ aviso”不到一秒钟。
这不是我计划的好经历。有人知道如何在代码中解决此问题吗？谢谢。

var JS_Habilitado = false;
var C_Habilitado = false;

$(document).ready(function()
{
  //Teste do JavaScript (se entrou aqui, está habilitado).
  JS_Habilitado = true;
  //Teste dos cookies.
  var TEST_COOKIE = 'test_cookie';
  $.cookie(TEST_COOKIE, true);
  if ($.cookie(TEST_COOKIE))
  {
    $.cookie(TEST_COOKIE, null); //deletar o cookie.
    C_Habilitado = true;
  }
  //Avaliação final.
  if (JS_Habilitado&&C_Habilitado)
  {
    $("#aviso").hide();
    $("#conteudo").show();
  }
  else
  {
    $("#aviso").show();
    $("#conteudo").hide();
  }
});

最佳答案

包含JQuery之后，隐藏您的元素：

 $(document).ready(function(){
     $("#aviso").hide();
     $("#conteudo").hide();
 });

或在CSS中：

#aviso,#conteudo{display:none}