javascript - 在加载外部 css、js 之前，如何停止渲染 HTML

我只是想停止渲染到 DOM 的 html，直到我的 Css 和 Js 从外部源加载。

    <html is showing here >
            <link type="text/css" rel="stylesheet" href="http://preview.somex.com/sites/all/themes/bootstrap_mywinners/css/style.css">
           <script type="text/javascript" language="javascript" src="http://preview.somex.com/sites/all/themes/bootstrap_mywinners/js/mywinners-global-scripts.js">
    <html is end here >

为什么我这样做是因为在加载 css 和 js 之前静态 html 看起来很难看，然后过了一段时间？(从网络加载 css 和 js 之后)它看起来很酷。

所以我只想在脚本和 css 加载之前停止显示 html。

关于此的任何线索/帮助？

最佳答案

如果您的 include 嵌套在 BODY 标记中，那么您仅使用纯 HTML 就可以做很多事情。如果您可以将它们向上移动到 HEAD 部分，这应该会自行修复。关于页面如何加载以及何时触发的内容的详分割解是对另一个 StackOverflow 问题的回答，请参阅此链接:

Which is the load, rendering and execution order of elements in a HTML page?

希望这对您有所帮助。

关于javascript - 在加载外部 css、js 之前，如何停止渲染 HTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24684003/