javascript – 预加载图片？

我一直在研究使用JQuery预加载图像并遇到了这个Preloading images with jQuery

现在可以有人告诉我,我是否必须以任何方式调用预装的图像？我假设这创建了一个img然后浏览器缓存了它(至少对于那个页面)我只是通过它的URI使用预加载的图像？

有人可以澄清一下吗？

解决方法:

可以使用一行简单的JavaScript来预加载图像：

new Image().src='image.png';

要预加载JavaScript文件,请使用JavaScript include_DOM技术并创建一个新文件

<script>标签,如下：

var js = document.createElement('script'); js.src = 'mysftuff.js'; 
document.getElementsByTagName('head')[0].appendChild(js);

这是CSS版本：

var css  = document.createElement('link');
css.href = 'mystyle.css';
css.rel  = 'stylesheet';
document.getElementsByTagName('head')[0].appendChild(css);

在第一个示例中,请求但从未使用过图像,因此它不会影响当前页面.在第二个示例中,脚本被添加到页面中,因此在下载时,它将被解析并执行. CSS也是如此 – 它也将应用于页面.如果这是不合需要的,您仍然可以使用XMLHttpRequest预加载资产.

有关“使您的网站超高速”的完整教程,请访问我从许多网站和博客中挑选的以下链接

Preloading images with jQuery

标签：preloading,javascript,jquery
来源： https://codeday.me/bug/20191007/1865652.html