localStorage.setItem()
此方法可以新增或者修改一個資料項。
關於localStorage更多內容參閱localStorage 用法一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼localStorage.setItem(keyName, keyValue)
引數解析:
(1).keyName:此引數用於規定鍵名。
(2).keyValue:此引數規定鍵的對應值。
特別說明:
(1).如果keyName已經存在,那麼是更新對應鍵的值。
(2).如果keyName不存在,那麼新增一個新資料項。
程式碼例項如下:
當前localStorage中已經存在瞭如下資料項:
下面在此基礎上新增一條資料,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> localStorage.setItem("age",4); </script> </head> <body> 在谷歌控制檯檢視列印資料 </body> </html>
程式碼執行效果截圖如下:
新增了一條資料,鍵是"age",對應的值是4。
下面我們再試著增加一條鍵是"age",值是8的資料項,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> localStorage.setItem("age",8); </script> </head> <body> 在谷歌控制檯檢視列印資料 </body> </html>
程式碼執行效果截圖如下:
如果鍵名相同,那麼此方法是修改同名鍵對應的值,而不是新增資料。