如果禁用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>
...