刷新后的持久数据

Question

我有一个网页,我遇到了麻烦.它工作正常:您从下拉菜单中选择并更新图像.

问题是手动刷新页面时:显示初始图像,但下拉菜单选项保持不变; 好吧,我解决了这个问题.

真正的问题是刷新后,当我选择一个新项目时,由于某种原因显示刷新前的项目.

如何更改此选项以便在显示刷新后显示新选择而不是前一个选择？

我的代码在Chrome,Firefox和Safari中运行良好,但不适用于IE9.

这是我正在使用的JavaScript代码:

function doMillviewInitialise()
{
    window.document.forms[0].reset();
}

这是HTML:

<form>
    <select id="millviewStyle" onchange="doMillview();">
        <option value="self">Millview @ Guygar.com&copy;</option>
        <option>----------------------</option>
        <option value="midnightExpress">Midnight Express</option>
        <option value="turnedOn">Turned On</option>
        <option value="storage">Storage</option>
        <option value="plasticStress">Plastic Stress</option>
        <option value="mirrorEffect">Mirror Effect</option>
        <option value="okComputer">OK Computer</option>
        <option value="repertoire">Repertoire</option>
        <option value="calibrate">Calibrate</option>
        <option value="hysteria">Hysteria</option>
        <option value="lastExit">Last Exit</option>
    </select>
</form>

Answer 1

iGuygar IE9 存在 iframe 以及其他相当标准的浏览器功能（例如 CSS3 文本阴影）的问题，您可以做的是创建一个 div，然后将其放置在距离屏幕大约 10000 像素的位置，然后在 div 中预加载图像。

所以你的 div 的 HTML 是：

<div id="imgpreload">
 <img src="images/pic1.png" alt="pic1" id="pic1">
 <img src="images/pic2.png" alt="pic2" id="pic2">
 <img src="images/pic3.png" alt="pic3" id="pic3">
</div>

CSS：

#imgpreload {
  position:absolute;
  left:9999px; 
}

有些人还喜欢添加（不必要，移动客户除外）：

width:1px;
height:1px;
overflow:hidden;

到那个CSS。这将在所有已知的浏览器中预加载您的图像。