Question

如果一个特定的javascript没有完全加载，我不想显示html页面内容。加载此javascript时，我想显示空白页。 Javascript位于.js文件中，因此在html页面中看起来像这样：

<script src = "file.js"></script>

Answer 1

将脚本标记放入html文档的head元素中，例如

<!doctype html>
<html>
    <head>
        <script src="file.js"></script>
    </head>
    <body>
    </body>
</html>

Answer 2

这取决于file.js是否执行异步操作。

如果您的文件包含简单的同步代码，则不可靠的解决方案是将document.body.style.display="none"放在代码的开头，并将document.body.style.display="block"放在代码的末尾。这将隐藏您的文档正文，直到脚本结束。

一种更可靠的解决方案是确保所有代码都位于适当的函数中，并使用显示正文的回调包装初始函数。

window.onload = runOnLoad( function() { document.body.style.display="block"; } );

function runOnLoad( callback ) {
    document.body.style.display="none";
    // rest of your code
    callback();
}

加载特定的Javascript后显示页面

2 个答案: