如果JavaScript未启用，冻结屏幕带覆盖

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）覆盖整个屏幕的样式。