如果你的Javascript代码无法保存显示隐藏的状态,可以尝试以下解决方法:
// 保存状态
localStorage.setItem('isHidden', true);
// 获取状态
var isHidden = JSON.parse(localStorage.getItem('isHidden'));
// 应用状态到元素
if (isHidden) {
document.getElementById('elementId').style.display = 'none';
} else {
document.getElementById('elementId').style.display = 'block';
}
// 保存状态
document.cookie = "isHidden=true; expires=Sun, 31 Dec 2023 12:00:00 UTC; path=/";
// 获取状态
var cookies = document.cookie.split(';');
var isHidden = false;
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf('isHidden=') === 0) {
isHidden = cookie.substring('isHidden='.length, cookie.length) === 'true';
break;
}
}
// 应用状态到元素
if (isHidden) {
document.getElementById('elementId').style.display = 'none';
} else {
document.getElementById('elementId').style.display = 'block';
}
// 保存状态
var url = window.location.href;
window.location.href = url + (url.indexOf('?') === -1 ? '?' : '&') + 'isHidden=true';
// 获取状态
var urlParams = new URLSearchParams(window.location.search);
var isHidden = urlParams.get('isHidden') === 'true';
// 应用状态到元素
if (isHidden) {
document.getElementById('elementId').style.display = 'none';
} else {
document.getElementById('elementId').style.display = 'block';
}
这些方法可以帮助你在重新加载页面后保持显示隐藏的状态。根据你的需求和情况选择适合你的方法。
上一篇:保存像素位置以供以后使用