有没有一种方法可以使用一些Javascript代码来切换div,当我返回到那个页面时,我离开时打开的是同一个div?

有没有一种方法可以使用一些Javascript代码来切换div,当我返回到那个页面时,我离开时打开的是同一个div?,javascript,html,persistence,toggle,Javascript,Html,Persistence,Toggle,有没有一种方法可以使用一些Javascript代码来切换div,当我返回到那个页面时,我离开时打开的是同一个div 我正在使用以下脚本: (function() { // using an IIFE to prevent polluting the global namespace var opened_element = null; window.toggle_visibility = function(id) { var e = document.getEl

有没有一种方法可以使用一些Javascript代码来切换div,当我返回到那个页面时,我离开时打开的是同一个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;
    };
}());

例如,您可以使用LocalStorage来保存当前打开的div(但它只在新浏览器中工作;如果您必须支持smth,如IE任何关于HTML的问题,包括短语“并在页面之间维护它”需要一点关于HTML的提示。您需要某种形式的特殊变量来跟踪页面之间的内容,并基于此适当地呈现页面。您的选项包括:

  • 饼干
  • PHP/Java服务器“session”变量(即,$\u session['divShowing'])
  • localStorage(Javascript;在较旧的浏览器上不受支持。如果不想在浏览器会话之间进行维护,也可以使用会话存储)

Javascript可用于切换div的可见性,但如果希望保持状态,则需要将所需信息写入cookie或会话。