javascript - 重新加载时保持 JavaScript 切换打开

Question

我有一个 JavaScript 函数，允许我切换联系表单的可见性。提交表单后，我希望表单保持打开状态。是否有某种方法可以创建 cookie，告诉脚本在提交后重新加载页面时显示表单。

HTML

<a href="#" onClick="toggle_visibility('toggle');">Contact</a>

CSS

#toggle{
    display:none;
}

JS

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

Answer 1

您可以将您使用的任何服务器端技术重定向到/ThePage?toggle=1 并使用以下内容读取 url 参数:

function onload() {
    var toggle = getUrlParams()["toggle"];
    if (toggle == "1") toggle_visibility('toggle');
}

function getUrlParams() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}