javascript - 在刷新浏览器之前将图像移走

Question

在我正在制作的 html 页面中，我使用 jQuery 和 Raphael 的库动态地将图像移动到视口(viewport)中。当我刷新网页时，在网页再次加载之前，这些图像显示为白色 block <100 毫秒。我想将这些图像移出视口(viewport)，这样这些白色 block 就不会出现。

我使用window.onbeforeuload=functio(){$('#myimge").css(...);}来移动图像。但结果发现白色 block 仍然存在出现是因为浏览器没有时间在新位置显示新刷新的 View 和图像。如果我放置 alert()，那么图像将会消失。所以我正在寻找一种方法在浏览器重新加载页面之前，真正将图像移出浏览器窗口。

Answer 1

你不能这样做，你不能阻止窗口关闭，除非你破解它，但我认为这是非常糟糕的做法

$(window).on('beforeunload', function() {
     var start = +new Date;
     while ((+new Date - start) < 3000);                        
 }); 

对我来说，我会选择 ajax 加载的页面，更像 HTML5 页面