我的网站中有一些值,我想在关闭浏览器时清除它们。我选择sessionStorage存储这些值。关闭选项卡时,确实会清除它们,如果用户按下F5,请保留;但是,如果用户在不同的选项卡中打开某个链接,这些值将不可用。
sessionStorage
如何sessionStorage在我的应用程序的所有浏览器选项卡之间共享值?
用例:将一个值放在某个存储中,保持该值在所有浏览器选项卡中可访问,并在所有选项卡关闭时清除它。
if (!sessionStorage.getItem(key)) { sessionStorage.setItem(key, defaultValue) }
您可以使用 localStorage 及其“存储”事件侦听器将 sessionStorage 数据从一个选项卡传输到另一个选项卡。
此代码需要存在于所有选项卡上。它应该在您的其他脚本之前执行。
// 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 每次打开标签时都会崩溃......任何标签......在任何网站上。(good ol IE) PS:如果你还想要 IE8 支持,你显然需要包含一个 JSON shim。:)