javascript - 广告横幅在浏览器 session 中只显示一次

Question

如何在网站中使用 JavaScript 或 jQuery 在浏览器 session 期间仅显示一次广告横幅？关闭 session 并关闭浏览器后，当我再次在浏览器中打开网站时，必须再次显示广告。当我浏览网站横幅时，还有一件事必须显示，除非它没有关闭。

Answer 1

您可以使用 cookie 来记住广告是否显示过。

您可以使用这个插件:https://github.com/carhartl/jquery-cookie

创建一个显示广告的方法:

showAd() {
 // cookie not set, display the ad and set the cookie
 if($.cookie('adDisplayed') === 'undefined') {
   // code to display the add
   // .....
   // set cookie
   $.cookie('adDisplayed', '1', { expires: 7 }); // set the cookie

 }
} 

要在用户离开页面时销毁 cookie，绑定(bind) beforeunload 事件

$(window).bind("beforeunload", function() { 
    $.removeCookie('adDisplayed'); 
})