Question

我的网站存在问题。所以，我有一个像这样的广告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＆＃34;游戏＆＃34;是包含游戏的div。

现在，如果我显示adsense-pub并且用户刷新页面，则该消息将会消失。但是，如果用户刷新页面，我想显示此div。这种情况是否有现成的解决方案？

Answer 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>

检查页面是否重新加载

1 个答案: