我的案例:localStorage键+值，当浏览器关闭时应该删除，而不是单个选项卡。
请看看我的代码，如果它是正确的和什么可以改进:
//创建localStorage key + value if (localStorage) { localStorage。myPageDataArr = { "name" => "Dan"， "lastname" => "Bonny" }; ｝ //当浏览器关闭时- psedocode $(窗口).unload(函数(){ localStorage。myPageDataArr = undefined; })；
当前回答
您可以简单地使用sessionStorage。因为sessionStorage允许在浏览器窗口关闭时清除所有键值。
看这里:SessionStorage- MDN
其他回答
如果您希望在浏览器关闭时删除键，则应该使用sessionStorage。
没有这样的方法来检测浏览器关闭，所以可能你不能在浏览器关闭时删除localStorage，但有另一种方法来处理你可以使用sessionCookies，因为它会在浏览器关闭后销毁。这是我在我的项目中实现的。
有五种方法可供选择:
setItem():将键和值添加到localStorage getItem():通过键从localStorage检索值 removeItem():按键从localStorage中删除一个项 clear():清除所有localStorage key():传递一个数字来检索localStorage的第n个键
您可以使用clear()，该方法在调用时清除该域的所有记录的整个存储。它不接收任何参数。
window.localStorage.clear();
window.addEventListener('beforeunload', (event) => {
localStorage.setItem("new_qus_id", $('.responseId').attr('id'));
var new_qus_no = localStorage.getItem('new_qus_id');
console.log(new_qus_no);
});
if (localStorage.getItem('new_qus_id') != '') {
var question_id = localStorage.getItem('new_qus_id');
} else {
var question_id = "<?php echo $question_id ; ?>";
}
下面是一个简单的测试，看看你在使用本地存储时是否有浏览器支持:
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。
