Javascript localStorage onload是否显示我选择的分区?
如何使用localStorage显示隐藏div,例如,如果我选择它,onload show div IT 我的js代码Javascript localStorage onload是否显示我选择的分区?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使用localStorage显示隐藏div,例如,如果我选择它,onload show div IT 我的js代码 itlang = document.getElementById('LangIT'); itlang.onclick = function(event) { localStorage.setItem('a_avlang', '1'); $('.avlan').hide(); $('.av-it').show();
itlang = document.getElementById('LangIT');
itlang.onclick = function(event) {
localStorage.setItem('a_avlang', '1');
$('.avlan').hide();
$('.av-it').show();
};
if (a_avlang === '1') {
localStorage.getItem('a_avlang', '1');
$('.avlan').hide();
$('.av-it').show();
} else {
localStorage.setItem('a_avlang', '0');
$('.av-it').hide();
}
}
我的按钮html
<a class="avlangbuttons" href="#it" id="LangIT" target="_self">IT</a>
<a class="avlangbuttons" href="#en" id="LangEN" target="_self">EN</a>
显示/隐藏html的我的div
<div class="avlan av-it" style="display:none;">
IT
</div>
<div class="avlan av-en">
EN
</div>
信息技术
EN
您有一些无效语法
localStorage.getItem('a_avlang','1')代码>无效,getItem上只有一个参数
函数toggleAV(lang){
$('.av-it').toggle(lang==“LangIT”);
$('.av en').toggle(lang==“LangEN”);
setItem('a_avlang',lang);//保存LangEN或LangIT
}
$(函数(){//onload
$('.avlangbuttons')。打开(“单击”,函数(事件){
event.preventDefault();//停止单击
toggleAV(this.id);
});
toggleAV(localStorage.getItem('a_avlang')| |“LangEN”);//如果存在,则为英语
});
或者使用数据属性而不是解析ID非常感谢您的帮助。