有没有办法获取一些可以切换div的Javascript代码，以便在返回该页面时打开与我离开时相同的div？

Question

有没有办法获取一些可以切换div的Javascript代码，以便在返回该页面时打开与我离开时相同的div？

我正在使用此脚本：

(function() { // using an IIFE to prevent polluting the global namespace
    var opened_element = null;

    window.toggle_visibility = function(id) {
        var e = document.getElementById(id);
        if (opened_element && opened_element !== e) {
            opened_element.style.display = 'none';
        }
        if(e.style.display == 'block') {
            e.style.display = 'none';
        } else {
            e.style.display = 'block';
        }
        opened_element = e;
    };
}());

Answer 1

关于HTML的任何涉及短语“并保持页面之间的关系”的问题都需要提醒一下HTML如何是无状态的 。 您将需要某种形式的特殊变量来跟踪页面之间的内容，并基于此适当地呈现页面。 您的选择包括：

• 饼干。
• PHP / Java服务器的“会话”变量。 （即$ _SESSION ['divShowing']）
• localStorage（JavaScript；在旧版浏览器上不支持。如果您不想在浏览器会话之间进行维护，也可以使用sessionStorage）

Answer 2

例如，您可以使用LocalStorage来保存当前打开的div（但是它只能在新的浏览器中使用；如果必须支持IE <= 8之类的smth，则应改用cookie）。

function toggle_visibility(id) {
    var e = document.getElementById(id), opened_element = document.getElementById(localStorage.opened_element);
    if (opened_element && opened_element !== e) {
        opened_element.style.display = 'none';
    }
    if(e.style.display == 'block') {
        e.style.display = 'none';
    } else {
        e.style.display = 'block';
    }
    localStorage.opened_element = e.id;
};
if (localStorage.opened_element) {
    toggle_visibility(localStorage.opened_element);
}