浏览器返回按钮后保留 JavaScript 功能

Question

我正在使用JavaScript getElementById函数，在选择下拉值时在我的页面上显示图片。 但是提交后，如果我使用浏览器后退按钮，图片就消失了。 我意识到这可能是缓存控制问题。 无论如何，除了使用缓存控制之外，我还能保留这个功能吗？ 我向会话 cookie 提交了很多变量，我害怕与缓存控制混为一谈。

function check_dd() {
    if(document.getElementById('show_pic').value == "") {
        document.getElementById('test').style.display = 'none';
    } else {
        document.getElementById('test').style.display = 'block';
    }
}

<select class="default" id="show_pic" onchange="check_dd();">
    <option value="" selected>Select question...</option>
    <option value="1">Question One</option>
    <option value="2">Question Two</option>
    <option value="3">Question Three</option>
    <option value="4">Question Four</option>
    <option value="5">Question Five</option>
    <option value="6">Question Six</option> 
</select>

<div id="test" style="display:none;"><img src="images/dcard.jpg" width="60" height="120" alt=""/></div>

如何在浏览器后退按钮后显示图像？

Answer 1

我的函数与已经存储在浏览器缓存中的选择选项的值相关联。 所以我找到了一种简单的方法来解决这个问题，只需使用：

<body onload="check_dd()">

这样我就不必添加任何额外的代码。

浏览器返回按钮后保留 JavaScript 功能

问题描述

1 个解决方案

解决方案1
0 2019-04-11 21:19:08

浏览器返回按钮后保留 JavaScript 功能

问题描述

1 个解决方案

解决方案1 0 2019-04-11 21:19:08

解决方案1
0 2019-04-11 21:19:08