明确设置加载顺序

Question

我有一个小问题。

我需要在JS抽屉中显示页面加载时打开的一些安全信息。创建抽屉的图像非常重要，因此抽屉中的安全文本在背景之前渲染，创建了一个非常难看的加载实验。有没有简单的方法我可以说

不加载safetyText UNTIL safetyBG加载？

我们没有使用任何库（即jQuery），所以JS解决方案本身必须作为脚本工作。

Answer 1

如果我理解正确，您只想在safetyBG完全加载后显示safetyText。为了达到这个目的，隐藏safetyText，然后检查document.onload是否已经加载safetyBG。如果是的话，显示的文字，如果没有，附加功能显示文本safetyBG.onload：在您的文章

function showSafetyText() { 
    //show text 
} 

window.onload = function() { 

    var safetyBG = document.getElementById("safetyBG"); // tweak as necessary 

    //have to check to see if img loaded, if you would simply assign showSafetyText 
    //to img.onload, it would never run if the img was fully loaded already 

    if (!safetyBG.complete) { 
    safetyBG.onload = showSafetyText; 
    } else { 
    showSafetyText(); 
    } 

} 

你提到的图像（而不是单个图像）。如果是这种情况，您需要编写一个循环遍历图像的函数来检查它们是否全部加载（您可以在哪个时间加载文本）;然后将此功能附加到每个图像的加载事件（除非所有图像已加载，在这种情况下，您可以简单地显示文本）。