setItem()方法用於設置用戶指定的存儲對象項。該存儲對象可以是localStorage對象或sessionStorage對象。
用法:
對於本地存儲:
localStorage.setItem(keyname, value)
對於會話存儲:
sessionStorage.setItem(keyname, value)
參數:需要兩個參數:
- Keyname:它指定用於獲取值的鍵的名稱。
- value:它指定替換舊值的值。
返回值:一個字符串,表示插入的值。
例:
<!DOCTYPE html>
<html>
<head>
<!--script for creating new local
storage item and retrieve it -->
<script>
// Set item in local storage.
function createItem() {
localStorage.setItem("city", "Gwalior");
}
function myFunction() {
var x = localStorage.getItem("city");
document.getElementById("demo").innerHTML = x;
}
</script>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<h3>The Storage setItem() Method</h3>
<p>Click on button to create a
local storage item </p>
<button onclick="createItem()">
Create local storage item
</button>
<p>Click the button to get the item value:</p>
<button onclick="myFunction()">
Get the item value
</button>
<p id="demo"></p>
</body>
</html>
輸出:
之前:
後:
支持的瀏覽器:下麵列出了DOM setItem()方法支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- 火狐瀏覽器
- Opera
- 蘋果瀏覽器
相關用法
- HTML DOM Storage key()用法及代碼示例
- HTML DOM Storage getItem()用法及代碼示例
- HTML DOM Storage removeItem()用法及代碼示例
- HTML Storage事件用法及代碼示例
- HTML Storage length用法及代碼示例
- HTML DOM contains()用法及代碼示例
- HTML DOM addEventListener()用法及代碼示例
- HTML DOM setRangeText()用法及代碼示例
- HTML DOM insertBefore()用法及代碼示例
- HTML DOM click()用法及代碼示例
- HTML DOM getElementsByClassName()用法及代碼示例
- HTML DOM exitFullscreen()用法及代碼示例
- HTML DOM open()用法及代碼示例
注:本文由純淨天空篩選整理自ProgrammerAnvesh大神的英文原創作品 HTML | DOM Storage setItem() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。