仅通过缓存首次访问时显示弹出对话框答案

【问题标题】：show pop up dialog only first visit via cache仅通过缓存首次访问时显示弹出对话框
【发布时间】：2014-07-01 01:10:17
【问题描述】：

我以前从未使用过浏览器缓存，也无法在 google 上找到好的教程。下面我使用 jQuery 插件 Lightbox_me "http://buckwilson.me/lightboxme/" 在页面加载时显示一个弹出窗口。谁能指导我看一个教程，只在用户第一次访问时显示一些东西，或者它是否足够简单给我演示？这可以使用java脚本来完成吗？

 <script>
    jQuery(function() {
        function launch() {
             jQuery('#sign_up').lightbox_me({centered: true, onLoad: function() { jQuery('#sign_up').find('input:first').focus()}});
        } 

        jQuery(document).ready(function() {
            jQuery("#sign_up").lightbox_me({centered: true, preventScroll: true, onLoad: function() {
                jQuery("#sign_up").find("input:first").focus();
            }});                
            e.preventDefault();
        });
    });
</script>


<div id="sign_up" style="display:none;">
   pop up box! 
</div>

我的问题是我只想在用户第一次访问该页面时显示此弹出窗口，然后将其缓存，以便在用户返回站点时不会再次显示。

【问题讨论】：

只是要知道，您只想在第一次加载时调用 Javascript 函数吗？
是的，如果用户以前没有来过这里，则在页面加载时正确。

标签： javascript html

【解决方案1】：

只需将此代码放在您的所有页面中：

<script>
   if (!localStorage['someName']) {
       localStorage['someName'] = 'yes';
       myFunction();
   }
</script>

为了弄清楚，这里有一个关于 localStorage 的很好的解释：http://diveintohtml5.info/storage.html

【讨论】：

确保检查哪个support 可用。
是的，当然！感谢改进它@Jonast92

【解决方案2】：

我认为你可以用 cookie 解决这个问题。这是简单的 cookie 示例：

<html>
 <head>
  <script type="text/javascript">
   $(document).ready(function () {
    if ($.cookie("your_cookie_name" != 1))
    {
     $("div").show("show");
     $.cookie("your_cookie_name", "1", {expires: 1});
    }
   });
  </script>
  <style type="text/css"> 
   div { 
        width: 300px; 
        height: 300px; 
        display: none; 
        background-color: red; 
        border: 1px solid #ddd; 
   }
  </style>
 </head>
 <body>
  <div></div>
 </body>
</html>

但首先您必须download 并在您的 HTML 文档中包含 jquery cookie 插件。

【讨论】：