在不断重新加载的页面上保持选中切换/选项卡打开

// 设置当前选中的选项卡
function setSelectedTab(tabId) {
    localStorage.setItem('selectedTab', tabId);
}

// 获取当前选中的选项卡
function getSelectedTab() {
    return localStorage.getItem('selectedTab') || 'defaultTab';
}

// 页面加载时应用选中的选项卡
window.onload = function() {
    const selectedTab = getSelectedTab();
    // 根据selectedTab的值设置对应的选项卡为激活状态
    document.getElementById(selectedTab).classList.add('active');
};

// 切换选项卡时更新localStorage
document.querySelectorAll('.tab').forEach(tab => {
    tab.addEventListener('click', function() {
        setSelectedTab(this.id);
        // 更新UI显示当前选中的选项卡
        document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
        this.classList.add('active');
    });
});

// 设置当前选中的选项卡
function setSelectedTab(tabId) {
    sessionStorage.setItem('selectedTab', tabId);
}

// 获取当前选中的选项卡
function getSelectedTab() {
    return sessionStorage.getItem('selectedTab') || 'defaultTab';
}

// 页面加载时应用选中的选项卡
window.onload = function() {
    const selectedTab = getSelectedTab();
    // 根据selectedTab的值设置对应的选项卡为激活状态
    document.getElementById(selectedTab).classList.add('active');
};

// 切换选项卡时更新sessionStorage
document.querySelectorAll('.tab').forEach(tab => {
    tab.addEventListener('click', function() {
        setSelectedTab(this.id);
        // 更新UI显示当前选中的选项卡
        document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
        this.classList.add('active');
    });
});