防止在禁用 js 的情况下加载页面

Question

如果在用户的浏览器上禁用了 js，是否可以禁用整个页面html？
编辑：
谢谢大家的回答和评论！但是，我的意思是：在这种情况下，我希望页面被替换为其他内容，例如图像。

Answer 1

noscript 标签为在浏览器中禁用脚本或浏览器不支持脚本的用户定义替代内容。

您可以在 html 正文中执行类似的操作以显示您想要显示的任何图像：

<noscript>
    <style type="text/css">
        .wrapper {display:none;}
    </style>
    <div>
        <img src="src/to/your/image.png" alt="You don't have javascript enabled">
    </div>
</noscript>

noscript标签内的css会隐藏wrapper内的html内容 class.

Answer 2

我不知道。不知何故你需要告诉浏览器阻止 action/event 链接到它，例如返回 false，这是 javascript 的任务。我可以想出两种选择：

将所有锚点设为虚拟，并在打开 JS 时更正它们：

<a href="#" data-href="/actual-url">foo</a> 
$('a').each(function(){ this.href = $(this).data("href");} // * jQuery for simplicity

在anchor上面放一层，可以用JS去掉。

.BlockedAnchor a{ position: relative; }
.BlockedAnchor a:before{ 
    position: absolute; 
    display: block;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
$('body'removeClass("BlockedAnchor");

防止在禁用 js 的情况下加载页面

Prevent to load a page with js disabled

html

javascript

loading