您好,我正在使用此代码片段通过 JavaScript 预加载图像
window.onload=function(){
heavyImage.src = "images/qq-lookupbody-holder.png"; (ON PAGE LOAD)
}
但是在我添加这个js片段后我没有发现任何不同,
有什么方法可以检查预加载脚本是否真的值得......
最佳答案
如果您在页面“加载”处理程序中执行此操作,则不会有任何帮助,因为在图像准备好之前不会调用“加载”。然而,在此之前调用它,也许会有所不同,尽管浏览器必须以某种方式获取图像。当您为网站上的其他页面预加载图像时,类似的事情会有所帮助。这会将它们放入浏览器缓存中,以便当用户到达实际使用该图像的页面时,它会被缓存。
此外,您没有发布它,但我假设您提供的代码行实际上位于“heavyImage”设置为实际“Image”实例的行之后:
heavyImage = new Image();
编辑 - 在您更新之后,我可以告诉您,在任何情况下该代码都不会帮助加载您的图像。同样,您可以尝试以下操作:
var heavyImage = new Image();
heavyImage.src = "images/qq-lookupbody-holder.png";
但是不要将其放入“onload”处理程序中。只需将其放入 <script>
阻止在 <head>
该文件的。尽管如此,它可能真的有帮助,也可能没有帮助。如果您可以安排在网站访问者到达包含图像的页面之前在页面上预加载图像,那么这可能会产生很大的不同。
关于javascript - 如何检查 javascript 预加载器的值(value),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3430363/