Javascript Chrome/Firefox缓存图像问题
我在动态预加载图像和创建元素时遇到问题。脚本加载图像URL列表,创建画布元素等 问题是,在后续“软”刷新或提交相同URL时,预加载循环不会启动,因此不会创建画布元素等。我很确定这与资源缓存有关-但是-为什么脚本没有按预期遍历图像URL列表并构建DOM我不确定 页面上的JavaScript是经过优化的输出,但预加载循环如下所示:Javascript Chrome/Firefox缓存图像问题,javascript,html,google-chrome,firefox,Javascript,Html,Google Chrome,Firefox,我在动态预加载图像和创建元素时遇到问题。脚本加载图像URL列表,创建画布元素等 问题是,在后续“软”刷新或提交相同URL时,预加载循环不会启动,因此不会创建画布元素等。我很确定这与资源缓存有关-但是-为什么脚本没有按预期遍历图像URL列表并构建DOM我不确定 页面上的JavaScript是经过优化的输出,但预加载循环如下所示: // Images array var images = []; for (var i = 0; i < l.length; ++i) { // Crea
// Images array
var images = [];
for (var i = 0; i < l.length; ++i) {
// Create canvas element
var canvas = document.createElement('canvas');
// Canvas element properties
canvas.width = l[i].w;
canvas.height = l[i].h;
canvas.style.display = 'none';
// Image element + mouse over event
images[i] = document.getElementById('i' + i).getElementsByTagName('img')[0];
images[i].addEventListener('mouseover', function() {
handleCanvas(this);
}, false);
// Push canvas into DOM
images[i].parentNode.insertBefore(canvas, images[i]);
// Preload item from processed images list
var image = new Image;
image.src = l[i].i;
}
//图像数组
var图像=[];
对于(变量i=0;i
如果可能的话,我不想求助于标题或“URL?random=37436464”类型的修复。在Ubuntu12.10上的Chrome和Firefox夜间版本上进行测试。经过进一步调查(在IE9中进行测试),问题似乎是由JavaScript异步加载和变量启动滞后引起的