javascript - 如果未启用 JavaScript，则冻结屏幕 w/覆盖

Question

我想使页面变暗并锁定（防止点击/滚动），并有一些白色文字说明用户没有启用 JavaScript。

我知道正确的做法是在没有 JavaScript 的情况下优雅地降级 - 但我现在不想走这条路。

Answer 1

<noscript>
<div id="nojs-overlay">
  Please Enable Javascript to View This Site<br>
  <a href="instructions.html">Instructions on how to enable javascript</a>
</div>
</noscript>

上面的示例仅在未启用 javascript 的情况下加载 overlway div。所选答案将导致慢速设备闪烁或延迟。

确保您的 nojs-overlay div（或一系列 div）的样式覆盖整个屏幕。