我的网站中有一些值，我想在浏览器关闭时清除这些值。我选择存储这些值。当选项卡关闭时，它们确实被清除，如果用户按f5，则保留;但是，如果用户在其他选项卡中打开某些链接，则这些值将不可用。sessionStorage
如何在应用程序的所有浏览器选项卡之间共享值？sessionStorage
用例：在某个存储中放置一个值，在所有浏览器选项卡中保持该值可访问，并在所有选项卡关闭时将其清除。
if (!sessionStorage.getItem(key)) {
sessionStorage.setItem(key, defaultValue)
}
可以使用 localStorage 及其“storage”eventListener 将会话存储数据从一个选项卡传输到另一个选项卡。
此代码需要存在于所有选项卡上。它应该在其他脚本之前执行。
// transfers sessionStorage from one tab to another
var sessionStorage_transfer = function(event) {
if(!event) { event = window.event; } // ie suq
if(!event.newValue) return; // do nothing if no value to work with
if (event.key == 'getSessionStorage') {
// another tab asked for the sessionStorage -> send it
localStorage.setItem('sessionStorage', JSON.stringify(sessionStorage));
// the other tab should now have it, so we're done with it.
localStorage.removeItem('sessionStorage'); // <- could do short timeout as well.
} else if (event.key == 'sessionStorage' && !sessionStorage.length) {
// another tab sent data <- get it
var data = JSON.parse(event.newValue);
for (var key in data) {
sessionStorage.setItem(key, data[key]);
}
}
};
// listen for changes to localStorage
if(window.addEventListener) {
window.addEventListener("storage", sessionStorage_transfer, false);
} else {
window.attachEvent("onstorage", sessionStorage_transfer);
};
// Ask other tabs for session storage (this is ONLY to trigger event)
if (!sessionStorage.length) {
localStorage.setItem('getSessionStorage', 'foobar');
localStorage.removeItem('getSessionStorage', 'foobar');
};
我在chrome，ff，safari，ie 11，ie 10，ie9中测试了这个
这种方法“应该在IE8中工作”，但我无法测试它，因为我的IE每次打开标签页时都会崩溃....任何选项卡...在任何网站上。（好 ol IE）PS：如果您还想要IE8支持，显然需要包含JSON填充码。:)
