如何用JavaScript或HTML代码预加载图像？

通常，出于性能方面的考虑，我们需要将图像“预加载”到浏览器的缓存中。 例如，我们有一个鼠标悬停事件，并且图像需要立即更新。 这种“预加载”内容可以通过两种方法来实现，即JavaScript或HTML代码。

Java脚本

我们可以使用以下Javascript“预加载”图像。

<script type="text/javascript">
if (document.images) {
    imgPreload = new Image();
    imgPreload.src = "/preload-image.jpg";
}
</script>

我们还可以使用以下Javascript“预加载”一些图像。

<script type="text/javascript">
if (document.images) {
    imgPreload1 = new Image();
    imgPreload1.src = "/preload-image1.jpg";
    imgPreload2 = new Image();
    imgPreload2.src = "/Preload-image2.jpg";
}
</script>

的HTML

禁用Java怎么办？ 这是HTML中的另一个肮脏技巧。 只需加载图像并按指定的宽度和高度= 1 :)隐藏它，谁会烦恼？

标签： 图片 javascript

翻译自: https://mkyong.com/javascript/how-do-preload-an-image-in-javascript-or-html-code/