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

Question

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

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 .

将脚本编写为

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