如何让弹窗只出现在首页？

Question

我有一个年龄验证弹出窗口，它在我第一次访问网站时出现一次。验证年龄后，弹出窗口消失。如何让这个弹出窗口只出现在主页上而不出现在其他任何页面上？我需要在下面的脚本中添加一些内容吗？

非常感谢任何帮助。

以下JS:

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<script> jQuery(document).ready(function($){
           
 
if (sessionStorage.getItem('advertOnce') !== 'true') {
//Show Box on Start-Up
  $('.box').show();
  $('.overlay-verify').show();
}else{
  $('.box').hide();
  $('.overlay-verify').hide();
}
 
//Enter Button
$('#refresh-page').on('click',function(){
$('.box').hide();
$('.overlay-verify').hide();
sessionStorage.setItem('advertOnce','true');
});

//Exit Button
$('#reset-session').on('click',function(){
$('.box').show();
sessionStorage.setItem('advertOnce','');
});
});
    
</script>

<link href='https://fonts.googleapis.com/css?family=Raleway:600,900,400' rel='stylesheet' type='text/css'>
<main>
  <article class="box">
    <div class="box-left">
      <img src="https://static1.squarespace.com/static/5ef08aa918c34c5e1ee24d37/t/5efc646a19c9962072e60679/1593599082426/SBR_centered+copy+-+white.png">
    </div>
    <div class="box-right">
      <h3>Welcome</h3>
      <p>By clicking enter, I certify that I am over the age of 18.</p>
     
      <a href="#" class="btn btn-alpha"  id="refresh-page">ENTER</a>
     
  <span>OR</span>
     
      <a href="javascript:history.back()" class="btn btn-beta" id="reset-session">EXIT</a>
     
      <small>Always enjoy responsibily.</small>
    </div>
    </div>
  </article>
 
  <div class="overlay-verify"></div>
</main>

Answer 1

也许您可以创建一个存储年龄的 cookie，如果该 cookie 已经存在则不执行代码，当该 cookie 不存在时执行代码

Answer 2

尝试在脚本中使用 window.location.pathname，例如：

if (sessionStorage.getItem('advertOnce') !== 'true' && window.location.pathname == "/") {
    $('.box').show();
    $('.overlay-verify').show();
}

这现在只会在索引上执行 [/] - 您也可以更改条件以适用于另一个页面名称：if(window.location.pathname == "/home.html")

如何让弹窗只出现在首页？

How to make pop up only appear on Homepage?

javascript

jquery

popup