我可以在图像之前加载JS吗？

Question

我想首先加载js，然后加载图像。原因：我希望立即应用蓝色翻转效果。目前这个页面上的图像最终会翻倍，因此随着图像的增长，最终会出现更大的用户体验问题。

有什么想法吗？

http://www.rollinleonard.com/elements/

Answer 1

如果你的JS和图像都是直接从HTML链接的（意味着你使用的是典型的<script type="javascript" src=...>和<image src=...>标签），那么加载顺序完全取决于用户的网页浏览器（如据我所知）。

控制加载顺序的最佳机会是按常规加载JavaScript，然后使用自定义JS操作DOM以便稍后加载图像，例如：

var myDiv = document.getElementById("myImageHoldingDiv")
  , img = new Image();
img.onload = function() {
  myDiv.appendChild(img);
}
img.src = myImageUrl;