广告横幅在浏览器会话中仅显示一次 [英] advertisement banner show only once in browser session

问题描述

如何在网站上使用JavaScript或jQuery的浏览器会话中仅显示一次广告横幅?一旦关闭会话并关闭浏览器，当我再次在浏览器中打开网站时，必须再次展示广告.除非未关闭，否则当我浏览网站横幅时，还必须显示一件事.

How do you show an advertisement banner only once during a browser session using JavaScript or jQuery in a website? Once the session is closed and the browser is closed, the ad must be shown again when I open the website in the browser again. One more thing when i navigate across website banner must display unless it is not closed.

推荐答案

使用

sessionStorage属性允许您访问session Storage object. sessionStorage与Window.localStorage相似，唯一的区别是存储在localStorage中的数据没有设置 ，存储在sessionStorage中的数据在页面会话结束时被清除.只要打开浏览器，该页面会话就会持续 ，并且在页面重新加载和还原后仍然存在.

The sessionStorage property allows you to access a session Storage object. sessionStorage is similar to Window.localStorage, the only difference is while data stored in localStorage has no expiration set, data stored in sessionStorage gets cleared when the page session ends. A page session lasts for as long as the browser is open and survives over page reloads and restores.

在新标签页或窗口中打开页面将导致启动新会话，这与会话cookie的工作方式不同.

var banner = document.getElementById('banner');
if (sessionStorage.getItem('set') === 'set') {
  banner.style.display = 'none';
} else {
  sessionStorage.setItem('set', 'set');
}

#banner {
  width: 320;
  height: 50px;
  background: green;
  text-align: center;
}

<div id="banner">Banner</div>

这篇关于广告横幅在浏览器会话中仅显示一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！