Javascript 显式设置加载顺序

我有个小问题

我需要在一个JS抽屉中显示一些安全信息，页面在打开时加载。创建抽屉的图像有点厚重，因此抽屉中的安全文本呈现在背景之前，创造了一种非常丑陋的加载体验。有什么简单的方法可以说吗

在加载safetyBG之前不要加载safetyText

---

我们没有使用任何库（即jQuery），因此JS解决方案必须单独作为脚本工作。

如果我理解正确，您只希望在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(); 
  } 

}

---

你在帖子中提到了图片（而不是一张图片）。如果是这种情况，您需要编写一个函数，在图像中循环，检查它们是否都已加载（此时您可以加载文本）；然后将此函数附加到每个图像的onload事件（除非所有图像都已加载，在这种情况下，您只需显示文本即可）。

我认为您需要显示一些代码。