Javascript 未加载文档正文时显示加载程序

在加载元素时如何显示加载器有一些答案。我的问题不同。我想在加载文档体之前显示加载程序

我有电话

var url = window.location.origin+"/test.html";
showLoader();
$$.ajax({                                   
   type: "GET",                           
   url: url,                               
   success: function(data)                 
   {                                   
      document.open();                               
      document.write(data);                           
      document.close(); 
      hideLoader();                                                                                        
   }                                       
 }); 

问题在于test.html有一些脚本延迟了文档体的加载。它显示空白屏幕，直到脚本未加载，从而呈现文档正文

---

您知道如何在加载文档正文时显示加载程序吗？

您可以将静态页面加载程序（带有css或图像）设置为页面的初始状态，然后在通过AJAX加载内容后立即用内容覆盖页面。希望以下示例能够说明这一想法：

//模拟对内容的AJAX调用
设置超时（（）=>{
document.write（'Content-loaded'）
}，3000）

。正在加载{
位置：固定；
高度：1米；
宽度：1米；
保证金：自动；
排名：0；
左：0；
底部：0；
右：0；
}

---

加载…

您可以将静态页面加载程序（带有css或图像）设置为页面的初始状态，然后在通过AJAX加载内容后立即用内容覆盖页面。希望以下示例能够说明这一想法：

//模拟对内容的AJAX调用
设置超时（（）=>{
document.write（'Content-loaded'）
}，3000）

。正在加载{
位置：固定；
高度：1米；
宽度：1米；
保证金：自动；
排名：0；
左：0；
底部：0；
右：0；
}

---

load…

您正在使用

document.write（数据）覆盖DOM内容与test.html。因此，如果有一个进度条或类似的东西，它无论如何都会消失。您需要在test.htmlYes中包含一个加载程序，但在test.html中的文档正文未呈现之前，它仍会在没有加载程序的情况下显示空白页一两秒钟。我对此没有影响，因为头脚本延迟。在加载文档之前，您不能显示加载程序，因为它是显示加载程序的文档已加载，但尚未加载文档正文，因为脚本加载会延迟呈现正文。请使用beforesend启动加载程序，在“完成所有逻辑操作，然后使用always停止加载程序”中，下面是一个示例，希望它能帮助您使用
document.write（数据）覆盖DOM内容与test.html。因此，如果有一个进度条或类似的东西，它无论如何都会消失。您需要在test.htmlYes中包含一个加载程序，但在test.html中的文档正文未呈现之前，它仍会在没有加载程序的情况下显示空白页一两秒钟。我对此没有影响，因为头脚本延迟。在加载文档之前，您不能显示加载程序，因为它是显示加载程序的文档已加载，但尚未加载文档正文，因为脚本加载会延迟呈现正文。请使用beforesend启动加载程序，在您的“完成所有逻辑”中，然后使用always停止加载程序，下面是一个示例，希望它对解决我的问题有所帮助。我知道在加载ajax调用之前如何显示加载器，问题是从成功加载ajax调用到呈现文档正文之间的时间，因为头部中的一些脚本延迟呈现正文。这并不能解决我的问题。我知道在加载ajax调用之前如何显示loader，问题是ajax调用成功加载到呈现文档主体之间的时间，因为头部中的一些脚本延迟了呈现主体。