如果禁用Javascript，则可以看到网页

Question

我有一个响应页面，在加载过程中通过javascript再次呈现。 但是这会导致闪烁，因为页面会被渲染，然后Javascript会在页面主体中再次渲染它。

CSS样式表和Javascript都包含在html本身中。

我现在使用的解决方案是：在我设置的样式表中：

html {
  visibility: hidden;
}

然后在onload（）结尾的Javascript中调用：

function makePageVisible(){

  document.getElementsByTagName("html")[0].style.visibility =  "visible";
}

这非常有效。 但我担心可能禁用Javascript的浏览器。 我意识到它可能很少见，但后来我读了iPhone禁用Javascript的帖子。 所以我想也许它不是那么罕见。

无论如何，有没有更好的方法来隐藏和显示可以使用和不使用javascript的页面内容？

Answer 1

一种选择是使用<noscript>标签，其中包含一个使<style>可见的<style> ：

<style>
  html {
    visibility: hidden;
  }
</style>
<noscript>
  <style>
    html {
      visibility: visible;
    }
  </style>
</noscript>

您也可以使用Javascript隐藏（如果禁用JS，则无法运行）：

  <script>
    document.documentElement.style.visibility = 'hidden';
  </script>
</head>
...