如何强制浏览器下载并缓存页面上当前未显示的图像 - javascript

Closed. This question needs to be more focused。它当前不接受答案。

想改善这个问题吗?更新问题,使其仅通过editing this post专注于一个问题。

去年关闭。

Improve this question

我有一个网页,当单击同一页面上的不同链接时,该网页显示不同的图像。图像质量非常高,并且需要花费很多时间来加载,我希望将图像下载并保存在缓存中,然后在链接的onclick事件中加载。

参考方案

只需将它们全部加载为隐藏图像即可。

CSS:

.hidden {
    display:none;
}

HTML:

<img src="/hugeImage.jpg" class="hidden" />
<img src="/hugeImage2.jpg" class="hidden" />
<img src="/hugeImage3.jpg" class="hidden" />
<img src="/hugeImage4.jpg" class="hidden" />

您可以使用JavaScript轻松地对此进行模拟,在DOMContentLoaded事件之后将每个图像添加到DOM中-应用相同的逻辑。

var img = document.createElement('img');
img.setAttribute('src', '/hugeImage.jpg');
img.setAttribute('class','hidden');
document.body.appendChild(img);

javascript popupwindow之后的行如何工作? - javascript

好的,我有一个来自后面代码的方法,可以创建一个popupwindow。然后有一行代码要在那之后执行,我想知道那行代码何时执行,是在使用popupwindow之后执行还是在创建popupwindow之后执行?例如:void exPopupWindowMethod() { string scr = "window.open('exampleP…

如果我得到url(''),我该如何使用另一个URL - javascript

我是新手,正在写这篇文章,但是如果源上没有图像,那么我只有空白。有人可以告诉我,如果我正在获取背景图像,如何获取/images/no-image.jpg:url();这是我的代码:<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

Javascript-Urls的奇怪字符串比较行为 - javascript

最近,在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串,当我比较它们时返回false,但是在重新分配相同的字符串后,比较返回true。这是我的示例:var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…

对ID为'abc%'的dom执行操作 - javascript

我想对ID为'abc%'的DOM进行一些操作<a id='abc1'></a> <a id='abc2'></a> <a id='abc3'></a> <a id='abc4'></a>…

我想关闭通过后端C#进程打开的firefox浏览器 - javascript

我想关闭通过后端C#进程打开的firefox浏览器。所有其他浏览器均支持通过C#进程打开的window.close();。但是Firefox不支持。我在C#Process.Start("firefox", "http://www.google.com");中的代码打开浏览器后,我将此js代码称为。 window.clo…