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

避免使用javascript jquery代码显示级联div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果客户端浏览器上启用了javascrit和Cookie,我的页面将进行简单验证。 如果是,脚本将显示div id=“conteudo”(页面内容)和hide div id=“aviso”(一种警告,用于启用功能或重新安装浏览器以继续)。 否则,脚本将保持div id=“aviso”可见并隐藏div id=“conteudo” 在我的离线项目中,一切都运行得很好,但在服务器上,该页面的加载速度似乎有点慢,当脚本出现某些情况(javascript或cookies被禁用)时,我可以看到div id=

如果客户端浏览器上启用了javascrit和Cookie,我的页面将进行简单验证。 如果是,脚本将显示div id=“conteudo”(页面内容)和hide div id=“aviso”(一种警告,用于启用功能或重新安装浏览器以继续)。 否则,脚本将保持div id=“aviso”可见并隐藏div id=“conteudo”

在我的离线项目中,一切都运行得很好,但在服务器上,该页面的加载速度似乎有点慢,当脚本出现某些情况(javascript或cookies被禁用)时,我可以看到div id=“aviso”在desapear之前的几秒钟。 这不是我计划中的好经历。有人知道我如何在代码中解决这个问题吗?多谢各位

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}

我不能在css上隐藏#aviso,因为如果客户端浏览器上未启用javascript,他将不会看到警告。这不是我问题的答案。我不能标记为“无效”,用户认为已回答。您想提高您的级别吗?您可以在所有浏览器上看到这种效果,但主要是在基于webkit的浏览器上。铬和歌剧。