Question

我有一个在页面加载时显示的Bootstrap模式。但是，当用户再次访问此页面时，我希望它不再显示。如果浏览器关闭，它可以再次加载（结束网站上的浏览会话）。截至目前，我每次进入或重新访问索引页面时都会加载模态。

的index.html

<script type="text/javascript">  
 $(window).load(function(){
  $('.bs-example-modal-sm').modal('show');
 });
</script>

 <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"    aria-labelledby="mySmallModalLabel" data-keyboard="false" data-backdrop="static">
  <div class="modal-dialog modal-sm">
   <div class="modal-content">
    ...
   </div>
  </div>
 </div>

Answer 1

您可以使用sessionStorage api。

Answer 2

您可以使用sessionStorage。

将您的脚本写为

<script type="text/javascript"> 
    $(window).load(function(){ 
        if(!sessionStorage.visited) 
        {
           sessionStorage.visited = true;
           $('.bs-example-modal-sm').modal('show');
        }
    });
</script>

Answer 3

尝试以下代码

<script type="text/javascript">
    $(document).ready(function() {
        if($.cookie('is_shown') == null || $.cookie('is_shown') == ""){
            $('.bs-example-modal-sm').modal('show');
            $.cookie('is_shown', 'yes');
            //$.cookie("is_shown", '1');
        }
    });
</script>

您也可以通过sessionStorage查看下面的代码

<script type="text/javascript">
    $(document).ready(function() {
        if (sessionStorage.getItem('is_shown') !== 'true') {

            $('.bs-example-modal-sm').modal('show');
            sessionStorage.setItem('is_shown','true');

        }
    });
</script>

Answer 4

localStorage [＆＃39; has_visited＆＃39;] = true

在主页上运行一次Javascript并记住

4 个答案: