如何仅在首次加载页面时设置弹出窗口？

Question

如何设置第一次加载页面时打开的弹出窗口？ 即时通讯使用此代码为我的弹出窗口如何设置此弹出窗口的会话？ 有什么方法可以将IP用作会话？

    <script>
        !window.jQuery && document.write('<script src="fancybox/jquery-1.4.3.min.js"><\/script>');
    </script>

    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>   

    <script type="text/javascript">

    $(document).ready(function() {


        $("a#example1").fancybox();

        $("a#example1").trigger('click');


    });
    </script>


    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />


</head>



<body>

<a id="example1" href="images/pic.jpg"></a> 



</body>

Answer 1

检查cookie，如果不存在，则执行弹出窗口并设置下次cookie。 如果有cookie，请不要执行弹出窗口。 Quirksmode具有一些使cookie变得更容易的功能，或者当然有jQuery cookie插件（可能还有大约50个）。

Answer 2

您可以使用jquery-cookie

演示：

$(document).ready(function() {
       if($.cookie('popup') != 1){
           $.cookie('popup', '1');
           $("a#example1").fancybox();
           $("a#example1").trigger('click');
        }
    });

Answer 3

为此使用会话将是服务器上不必要的负载。 改用cookie，这有助于将数据存储在用户的计算机中。

使用Javascript /您的服务器语言检查Cookie，并根据其值显示弹出窗口！

Answer 4

您可以使用Cookies来使用Cookies或localStorage：

$(document).ready(function() {
var loadfirst = getCookie("loadfirsttime");
if(loadfirst == null){
setCookie("loadfirst", "again" 1); // 1 is the number of days
$("a#example1").fancybox();
 $("a#example1").trigger('click');
}
});

使用LocalStorage：

$(document).ready(function() {
 var loadfirst = localStorage.getItem("loadfirsttime");
if(loadfirst == null){
localStorage.setItem('loadfirst ', 1); // 1 is value assigned.
$("a#example1").fancybox();
 $("a#example1").trigger('click');
}
});

谢谢

如何仅在首次加载页面时设置弹出窗口？

问题描述

4 个解决方案

解决方案1
3 2012-06-20 10:07:22

解决方案2
2 2012-06-20 10:07:41

解决方案3
0 2012-06-20 10:08:48

解决方案4
0 2017-10-30 06:32:17

如何仅在首次加载页面时设置弹出窗口？

问题描述

4 个解决方案

解决方案1 3 2012-06-20 10:07:22

解决方案2 2 2012-06-20 10:07:41

解决方案3 0 2012-06-20 10:08:48

解决方案4 0 2017-10-30 06:32:17

解决方案1
3 2012-06-20 10:07:22

解决方案2
2 2012-06-20 10:07:41

解决方案3
0 2012-06-20 10:08:48

解决方案4
0 2017-10-30 06:32:17