0

在互联网上阅读了许多“使用 javascript 预加载图像”标题后，我找到了相同的解决方案。这是一个简单的示例代码，用于预加载具有“stuff.jpg”名称的图像：

 <script>
    var img = new Image();
    img.src = "stuff.jpg"
 </script>

但是我没有找到任何来源告诉我定义它时“src”属性的实际作用（例如img.src =“stuff.jpg”）。我的想法是，它只是通过一个字符串（即“stuff.jpg”）将“src”属性设置为 img，还没有加载真实的图像。但是我对我的想法相当不情愿，因为如果它是正确的，那么上面的代码将一文不值。你能告诉我 src 在上面的代码中实际上做了什么吗？如果你能给我一个解释的来源，那就太好了。谢谢你。

4

1 回答 1

1

是的，您的代码实际上加载了图像。设置图像对象的 src 会加载图像，现在您只需要将 img 添加到 DOM 中。

就像是：

var div = document.getElementById('theImg');
div.appendChild(img);

当然这样做没有任何效果，但是如果要显示图像以响应某些事件、按钮单击或其他内容，那么您实际上是预先加载了图像。

您可以通过在 Chrome 中执行代码并查看开发人员工具中的网络选项卡来测试这一点，并查看该图像实际上是从服务器请求的，即使您没有将其添加到 DOM

于 2012-11-22T03:21:45.730 回答