在 javascript 中使用會話來顯示或不顯示 div

Question

我有個問題。 所以我有一個包含 adsense pub 的 div 女巫：

<div id="addsense-pub">
 .........................
</div>

我有一個帶游戲調用的 div：

<div id="pzGame">
 ...........
</div>

現在在 javascript 我做：

if(obj.number_games_adresse % 2 === 0){
    document.getElementById('addsense-pub').setAttribute('class','display-block');
    document.getElementById("pzGame").style.visibility = "hidden";
    sessionStorage.setItem('show_pub_adsense', true);
}

在帶有游戲的模板中，有一個方法會在用戶對 Adsense 進行品嘗時調用：

function showSwf(){
   sessionStorage.setItem('show_pub_adsense', false);
}

我添加了一個新腳本 js ：

var show_pub_adsense = sessionStorage.getItem('show_pub_adsense');
console.log(show_pub_adsense);
if(show_pub_adsense === true) {
    document.getElementById('addsense-pub').setAttribute('class','display-block');
    document.getElementById("pzGame").style.visibility = "hidden";
}

所以我們的想法是如果用戶刷新頁面而沒有對 adsense 進行測試，則顯示 pub。 但是刷新adsense后它沒有顯示。 我做錯了什么？ 你能幫我嗎 ？ 提前謝謝

Answer 1

sessionStorage 僅存儲字符串，因此您需要將其作為字符串進行比較。

var show_pub_adsense = sessionStorage.getItem('show_pub_adsense');
console.log(show_pub_adsense);
if(show_pub_adsense === "true") {
    document.getElementById('addsense-pub').setAttribute('class','display-block');
    document.getElementById("pzGame").style.visibility = "hidden";
}