window.localStorage.setItem成功后执行
时间: 2024-04-28 12:18:54 浏览: 293
适用于浏览器和Node.js的通用LocalStorage。-JavaScript开发
当执行window.localStorage.setItem成功后,它会将指定的键值对数据(以JSON格式)存储在localStorage中。 localStorage是一种持久化的存储方式,即使用户关闭浏览器或者重新打开页面,数据依然会被保留。可以通过window.localStorage.getItem(key)来获取指定key的数据,通过window.localStorage.removeItem(key)来删除指定key的数据,通过window.localStorage.clear()来清空所有的存储数据。
引用提供的代码示例可以更好地说明window.localStorage.setItem成功后的执行情况:
if(!window.localStorage){
alert("浏览器支持localstorage");
}else{
var storage=window.localStorage;
var data={ name:'taytay', sex:'woman', hobby:'program' };
var d=JSON.stringify(data);
storage.setItem("data",d);
console.log(storage.data);
}
在这个示例中,首先会判断浏览器是否支持localStorage,如果不支持,则会弹出提示。如果支持,则会创建一个名为storage的localStorage对象,并定义了一个名为data的对象,包含了name、sex和hobby三个属性。接着,通过JSON.stringify方法将data对象转换为JSON格式的字符串,并使用setItem方法将该字符串存储在localStorage中的"data"键中。最后,通过console.log输出storage.data的值,即存储在localStorage中"data"键的数据。
因此,当window.localStorage.setItem成功执行后,将会在console中输出存储的数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [window.localStorage.setItem总结](https://blog.csdn.net/qq_42552857/article/details/119387486)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [window.localStorage.setItem的使用](https://blog.csdn.net/weixin_43718291/article/details/104635867)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文