使脚本加载速度快于html内容

Make script load faster than html content

本文关键字：html 内容 速度快 脚本 加载      更新时间：2023-09-26

我正在使用画布和javascript创建一个启动页面，该页面在HTML之上包含一个"可擦除"层。可擦除画布层完全覆盖了背景中的html内容，在用户开始擦除之前，它是不可见的。

然而，在加载时，html内容首先出现，然后出现可擦除层。有没有一种方法可以让可擦除画布层首先显示，而用户在擦除之前不会看到html内容？

我试着把可擦除画布和它使用的脚本放在HTML内容之前，但它仍然不起作用。

关于如何解决这个问题，有什么建议吗？

谢谢！

您可以尝试隐藏所有HTML内容，然后使用JavaScript代码在需要时使其可见。

您的问题似乎是在解析HTML之前加载了脚本。你可以有几个选项，比如：

1） 让JavaScript创建HTML内容，但也要确保它首先创建可擦除画布。您可以通过多种方式来实现这一点，甚至可以使用XMLHttpRequest（）来获取HTML内容。

2） 正如@Beans所提到的，你可以有这样的东西：

<script>
document.body.addEventListener('load', function () {
    // your canvas code here (make sure it get displayed on top of body)
    document.body.style.display = null;
});
</script>
<body style="display: none">
Some stuff here
</body>
相关文章：