Storage setItem() 方法

JavaScript Storage 對象

setItem()方法在給定的存儲對象中設(shè)置指定鍵名的值，如果該鍵值已經(jīng)存在，則更新該鍵值。

setItem()方法屬于存儲對象，可以是localStorage對象或sessionStorrage對象。

語法：

localStorage.setItem(key, value)
sessionStorage.setItem(key, value)
localStorage.setItem('color', 'green');
localStorage.setItem('image', 'parrot.png');
localStorage.setItem('url', '');
測試看看?/?

瀏覽器兼容性

表格中的數(shù)字指定了完全支持setItem()方法的第一個瀏覽器版本：

Method
setItem()43.511.549

參數(shù)值

參數(shù)描述
key包含您要創(chuàng)建/更新的鍵名稱的字符串
value包含要提供要創(chuàng)建/更新的鍵的值的字符串

技術(shù)細節(jié)

返回值：一個字符串，表示插入的值
DOM版本：網(wǎng)絡(luò)存儲API

更多實例

設(shè)置指定的會話存儲項的值：

sessionStorage.setItem('time', Date.now());
sessionStorage.setItem('age', 22);
測試看看?/?

您還可以使用點表示法設(shè)置值：

localStorage.color = "green";
localStorage.image = "parrot.png";
localStorage.url = "";
測試看看?/?

以下函數(shù)在本地存儲中創(chuàng)建三個數(shù)據(jù)項，然后使用它們在頁面上設(shè)置自定義樣式：

function populateStorage() {
  localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
  localStorage.setItem('font', document.getElementById('font').value);
  localStorage.setItem('image', document.getElementById('image').value);
}
測試看看?/?

相關(guān)參考

HTML教程：Web存儲API

窗口(Window)參考：window.localStorage屬性

窗口(Window)參考：window.sessionStorage屬性

JavaScript Storage 對象

丰满人妻一级特黄a大片，午夜无码免费福利一级，欧美亚洲精品在线，国产婷婷成人久久Av免费高清