要使用localStorage,您可以按照以下步驟進行操作:
設置項目的localStorage屬性:您可以使用localStorage.setItem(key, value)
方法來設置localStorage屬性。例如,localStorage.setItem('username', 'John')
會將鍵為’username’,值為’John’的屬性存儲在localStorage中。
獲取項目的localStorage屬性:您可以使用localStorage.getItem(key)
方法來獲取localStorage屬性的值。例如,let username = localStorage.getItem('username')
會將鍵為’username’的屬性值存儲在變量username
中。
更新項目的localStorage屬性:您可以使用localStorage.setItem(key, value)
方法來更新localStorage屬性。例如,localStorage.setItem('username', 'Jane')
會將鍵為’username’的屬性值更新為’Jane’。
刪除項目的localStorage屬性:您可以使用localStorage.removeItem(key)
方法來刪除localStorage屬性。例如,localStorage.removeItem('username')
會刪除鍵為’username’的屬性。
需要注意的是,localStorage中存儲的值都是字符串類型的。如果要存儲其他類型的值,可以使用JSON.stringify()
和JSON.parse()
方法進行序列化和反序列化。
此外,localStorage在同源策略下是共享的,即在同一域名下的所有頁面都可以訪問和修改相同的localStorage屬性。