首页 > 解决方案 > [JS/HTML/PHP]刷新页面后的特定div

问题描述

我的网站有 5 个 div 和 nav 有 5 个选项。我像这样在 JS 中操作这些元素:

var homeMain = document.getElementById('div_1');
var productMain = document.getElementById('div_2');
var contactMain = document.getElementById('div_3');
var helpMain = document.getElementById('div_4');
var loginMain = document.getElementById('div_5');

homeButton.addEventListener('click', function () {
    toogle(homeMain);
});
productButton.addEventListener('click', function () {
    toogle(productMain);
});
contactButton.addEventListener('click', function () {
    toogle(contactMain);
});
helpButton.addEventListener('click', function () {
    toogle(helpMain);
});
loginButton.addEventListener('click', function () {
    toogle(loginMain);
});
registerButton.addEventListener('click', function () {
    toogle(loginMain);
});

function toogle(element) {
    this.homeMain.style.display = "none";
    this.productMain.style.display = "none";
    this.contactMain.style.display = "none";
    this.helpMain.style.display = "none";
    this.loginMain.style.display = "none";
    element.style.display = "block"
}

而且我的登录页面有问题。当我把错误的登录名或密码网站刷新。所以它是主页。我想回到登录页面。我不想使用 jquery。

标签: javascripthtml

解决方案


推荐阅读