sessionStorage.setItem()
此方法可以新增或者修改sessionStorage物件中的一個資料項。
sessionStorage更多內容參閱sessionStorage 用法一章節。
語法結構：
[JavaScript] 純文字檢視 複製程式碼sessionStorage.setItem(keyName, keyValue)
引數解析：
（1）.keyName：此引數用於規定鍵名。
（2）.keyValue：此引數規定鍵的對應值。
特別說明：
（1）.如果keyName已經存在，那麼是更新對應鍵的值。
（2）.如果keyName不存在，那麼新增一個新資料項。
程式碼例項如下：
當前sessionStorage中已經存在瞭如下資料項：
下面再通過setItem()方法再新增一條資料：
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> sessionStorage.setItem("url","www.softwhy.com"); </script> </head> <body> 在谷歌開發者工具檢視資料 </body> </html>
程式碼執行效果截圖如下：
通過setItem()方法新增一個鍵名為"url"，值為"www.softwhy.com"資料項。
下面我們再試圖新增一個鍵名為"url"，值為"www.baidu.com"的資料項。
程式碼例項如下：
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> sessionStorage.setItem("url","www.baidu.com"); </script> </head> <body> 在谷歌開發者工具檢視資料 </body> </html>
程式碼執行效果截圖如下：
如果方法的第一個引數與已存在資料鍵名重複，那麼將更新對應資料。