JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

Objetos de Evento (Eventos)Objeto Almacenamiento de JS

Storage setItem() 方法

setItem()方法在给定的存储对象中设置指定键名的值，如果该键值已经存在，则更新该键值。

setItem()方法属于存储对象，可以是localStorage对象或sessionStorrage对象。

语法：

localStorage.setItem(key,　value)

sessionStorage.setItem(key,　value)

Ejemplo

;localStorage.setItem('color'，'green');
;localStorage.setItem('image'，'parrot.png');
;localStorage.setItem('url'，'https://es.oldtoolbag.com');

Prueba y mira‹/›

浏览器兼容性

表格中的数字指定了完全支持setItem()方法的第一个浏览器版本：

方法
setItem()	4	3.5	11.5	4	9

参数值

参数	描述
key	包含您要创建/更新的键名称的字符串
value	包含要提供要创建/更新的键的值的字符串

技术细节

返回值：	一个字符串，表示插入的值
DOM版本：	网络存储API

更多实例

设置指定的会话存储项的值：

Ejemplo

sessionStorage.setItem('time'，Date.now());
sessionStorage.setItem('age',　22);

Prueba y mira‹/›

还可以使用点表示法设置值：

Ejemplo

localStorage.color　=　"green";
localStorage.image　=　"parrot.png";
localStorage.url　=　"https://es.oldtoolbag.com";

Prueba y mira‹/›

Las siguientes funciones crean tres elementos de datos en el almacenamiento local, y luego los utilizan para establecer estilos personalizados en la página:

Ejemplo

function　populateStorage()　{
　　;localStorage.setItem('bgcolor',　document.getElementById('bgcolor').value);
　　;localStorage.setItem('font',　document.getElementById('font').value);
　　;localStorage.setItem('image',　document.getElementById('image').value);
}

Prueba y mira‹/›

Referencias relacionadas

Tutoriales de HTML:API de Almacenamiento Web

Referencia de ventana (Window):Propiedad window.localStorage

Referencia de ventana (Window):Propiedad window.sessionStorage

Objeto Almacenamiento de JavaScript

Objetos de Evento (Eventos)Objeto Almacenamiento de JS