html - 在下载所有资源文件之前，如何控制或阻止 HTML 页面的呈现？

Question

如何控制 HTML 页面的渲染，直到它下载所有 HTML、CSS 和 JS 依赖项？

除了上面的问题，如何验证所有依赖项都已成功下载？

我正在使用的框架：- jQuery、Twitter Bootstarp

需要浏览器兼容性：- IE8+、Chrome、Firefox、Safari

score 2 · Accepted Answer

这可能会奏效。基本上，您默认隐藏正文。当一切加载时，你显示它：

HTML：

<body class="placeholder">
  ...
</body>

CSS：

.placeholder {
  display: none;
}

JavaScript：

$(document).load(function() {
  $('body').removeClass('placeholder');
});

就像一个问题：你为什么需要这样做？

1 回答 1