我的案例:localStorage键+值，当浏览器关闭时应该删除，而不是单个选项卡。
请看看我的代码，如果它是正确的和什么可以改进:
//创建localStorage key + value if (localStorage) { localStorage。myPageDataArr = { "name" => "Dan"， "lastname" => "Bonny" }; ｝ //当浏览器关闭时- psedocode $(窗口).unload(函数(){ localStorage。myPageDataArr = undefined; })；
当前回答
8.5年过去了，最初的问题一直没有得到答案。
当浏览器关闭时，没有一个标签。
这个基本代码片段将为您提供两全其美的服务。仅在浏览器会话期间存在的存储(如sessionStorage)，但也可以在选项卡之间共享(localStorage)。
它完全通过localStorage来实现这一点。
function cleanup(){
// place whatever cleanup logic you want here, for example:
// window.localStorage.removeItem('my-item')
}
function tabOpened(){
const tabs = JSON.parse(window.localStorage.getItem('tabs'))
if (tabs === null) {
window.localStorage.setItem('tabs', 1)
} else {
window.localStorage.setItem('tabs', ++tabs)
}
}
function tabClosed(){
const tabs = JSON.parse(window.localStorage.getItem('tabs'))
if (tabs === 1) {
// last tab closed, perform cleanup.
window.localStorage.removeItem('tabs')
cleanup()
} else {
window.localStorage.setItem('tabs', --tabs)
}
}
window.onload = function () {
tabOpened();
}
window.onbeforeunload = function () {
tabClosed();
}
其他回答
下面是一个简单的测试，看看你在使用本地存储时是否有浏览器支持:
if(typeof(Storage)!=="undefined") {
console.log("localStorage and sessionStorage support!");
console.log("About to save:");
console.log(localStorage);
localStorage["somekey"] = 'hello';
console.log("Key saved:");
console.log(localStorage);
localStorage.removeItem("somekey"); //<--- key deleted here
console.log("key deleted:");
console.log(localStorage);
console.log("DONE ===");
} else {
console.log("Sorry! No web storage support..");
}
它为我工作如预期(我使用谷歌Chrome)。 改编自:http://www.w3schools.com/html/html5_webstorage.asp。
与window global关键字一起使用:-
window.localStorage.removeItem('keyName');
这将对对象起作用。
localStorage.removeItem('key');
Or
localStorage.setItem('key', 0 );
8.5年过去了，最初的问题一直没有得到答案。
当浏览器关闭时，没有一个标签。
这个基本代码片段将为您提供两全其美的服务。仅在浏览器会话期间存在的存储(如sessionStorage)，但也可以在选项卡之间共享(localStorage)。
它完全通过localStorage来实现这一点。
function cleanup(){
// place whatever cleanup logic you want here, for example:
// window.localStorage.removeItem('my-item')
}
function tabOpened(){
const tabs = JSON.parse(window.localStorage.getItem('tabs'))
if (tabs === null) {
window.localStorage.setItem('tabs', 1)
} else {
window.localStorage.setItem('tabs', ++tabs)
}
}
function tabClosed(){
const tabs = JSON.parse(window.localStorage.getItem('tabs'))
if (tabs === 1) {
// last tab closed, perform cleanup.
window.localStorage.removeItem('tabs')
cleanup()
} else {
window.localStorage.setItem('tabs', --tabs)
}
}
window.onload = function () {
tabOpened();
}
window.onbeforeunload = function () {
tabClosed();
}
你可以在JavaScript中使用beforeunload事件。
使用JavaScript，你可以这样做:
window.onbeforeunload = function() {
localStorage.removeItem(key);
return '';
};
这将在浏览器窗口/选项卡关闭之前删除键，并提示您确认关闭窗口/选项卡操作。我希望这能解决你的问题。
注意:onbeforeunload方法应该返回一个字符串。
