HTML5 存儲和獲取數(shù)據(jù)

提問人：劉團圓發(fā)布時間：2020-11-16

在Web Storage API中，實現(xiàn)本地數(shù)據(jù)的存儲和讀取是非常簡單的事情，下面通過實例展示W(wǎng)eb Storage API的使用方法。在下面的例子中，先往本地存儲中寫入數(shù)據(jù)，接著會把這些數(shù)捱在控制臺中打印出來。

【例題】存儲和獲取數(shù)據(jù)

代碼如下：

<!DOCTYPE html>

<htinl>

<head>

<title>webStorage</title〉

function writeStorage(){

var username = document.getElementByld("username").value;

var password = document.getElementByld("password").value;

// 存儲到storage中

localStorage.username = username;

localStorage.password = password;

}

function updateStorage(){

localStorage.username = "李四"；

}

//輸出所有的Storage

function readStorage(){

console.log(localStorage);

}

</script〉

</head>

<body>

用戶名：〈input type="text" id="username" /><br/>

密碼：〈input type="text" id="password" /><br/>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)