检查页面是否重新加载答案

【问题标题】：Check if the page was reload检查页面是否重新加载
【发布时间】：2015-11-05 12:06:53
【问题描述】：

我的网站有问题。所以，我有一个像这样的带有adsense的div：

<div class="not-display" id="addsense-pub">
   ........................................
</div>

在 2 场比赛后的 .js 中，我执行以下 javascript：

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

“游戏”div 是包含游戏的 div。

现在，如果我显示 adsense-pub 并且用户刷新页面，那么 pub 就会消失。但是，如果用户刷新页面，我想显示这个 div。这种情况有现成的解决方案吗？

【问题讨论】：

你可以使用cookies，看这篇关于如何在JS中使用的帖子stackoverflow.com/questions/14573223/…
或者更好的是，本地/会话存储
在这种情况下如何使用会话？
developer.mozilla.org/en/docs/Web/API/Window/sessionStorage
我不明白，但问题是当我在会话中存储一个值时，如果我只有 document.getElementById('addsense-pub').setAttribute('class','display-block'); document.getElementById("game").style.visibility = "hidden";

标签： javascript jquery html jquery-ui javascript-events

【解决方案1】：

我重新创建了你的场景。在这种情况下，您可以使用会话来执行此操作...

请参阅 jsfiddle：http://jsfiddle.net/wde20oj2/

您可以检查会话以查看广告是否已显示。如果它继续并再次显示它。

<!DOCTYPE html>
<html>
  <head>
    <title>Some JavaScript Example</title>
    <style>
        .not-display {
            display:none;
        }
        .display-block {
            display: block;
        }
    </style>
  </head>
  <body>
    <div class="not-display" id="addsense-pub">   
        Hello... I am an add!
    </div>
    <div id="game">
        Hello... I am a game!
    </div>  
      <br>
    <a href="#" id="click-me">Increment Games...</a>
      <br><br>
    <a href="#" id="clear-me">Clear all items!!!</a>
    <!-- JavaScript -->
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script>  
        sessionStorage.setItem('games', 0);
        var data = sessionStorage.getItem('show-add');
        if(data == 1)
        {
            $("#addsense-pub").removeClass('not-display');
            $("#addsense-pub").addClass('display-block');
        }

        $("#click-me").click(function(){
            var gamer = sessionStorage.getItem('games');
            if(gamer < 1)
            {
                gamer += 1;
                sessionStorage.setItem('games', gamer);
            } else {
                $("#addsense-pub").removeClass('not-display');
                $("#addsense-pub").addClass('display-block');
                sessionStorage.setItem('show-add', 1);
            }
        });

        $("#clear-me").click(function(){
            sessionStorage.setItem('games', 0);
            sessionStorage.setItem('show-add', 0);
            window.location.reload()
        });

    </script>
  </body>
</html>

【讨论】：