javascript - 每个 session 加载一次网站弹出窗口

Question

<分区>

Answer 1

我知道我不应该真的这样做并在您没有​​先尝试尝试的情况下为您提供答案，因为您不会那样学习。

但我今天感觉很好，所以我为您提供了一种在第一次加载时弹出弹出窗口并且在 session 被销毁之前不会再次加载弹出窗口的方法。

您需要在加载页面时设置 session ，方法如下:

sessionStorage.setItem('firstVisit', '1');

然后你只需要像这样检查 session :

如果没有名为firstVisit 的 session 则显示消息框

    if (!sessionStorage.getItem('firstVisit') === "1")
    {
       $(".message").show(); 
    } 

例子

HTML

<div class="message">
    <div class="message_pad">
        <div id="message"></div>
        <div class="message_leave">

        </div>
    </div>
</div>

JavaScript/JQuery

// Save data to sessionStorage
sessionStorage.setItem('firstVisit', '1');

/* Fix size on document ready.*/
$(function()
{
    if (!sessionStorage.getItem('firstVisit') === "1")
    {
       $(".message").show(); 
    } 

    //Close element.
    $(".message").click(function()
    {
       $(this).hide();
    });

    $(".message").css({
        'height': $(document).height()+'px'
    });
    $(".message_pad").css({
        'left': ($(document).width()/2 - 500/2)+'px'
    });
});
/*
* Fix size on resize.
*/
$(window).resize(function(){
    $(".message").css({
        'height': $(document).height()+'px'
    });
    $(".message_pad").css({
        'left': ($(document).width()/2 - 500/2)+'px'
    });
});

JSFIDDLE