优秀的编程知识分享平台

网站首页 > 技术文章 正文

HTML 5 Web 存储localStorage(html本地存储 localstorage)

nanyue 2024-09-23 10:38:22 技术文章 4 ℃
  • localStorage - 没有时间限制的数据存储

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

举个例子:

<!DOCTYPE html>

<html>

<body>

<div id="result"></div>

<script>

// Check browser support

if (typeof(Storage) !== "undefined") {

// Store

localStorage.setItem("lastname", "Gates1");

// Retrieve

document.getElementById("result").innerHTML = localStorage.getItem("lastname");

} else {

document.getElementById("result").innerHTML = "抱歉!您的浏览器不支持 Web Storage ...";

}

</script>

</body>

</html>

页面上输出Gates1

localStorage相当于存文件,但是到底存在什么地方呢?

Chrome 的存储方式是以sqlite的数据库文件形式存储。存在C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中,虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件,可以用sqlite打开,并看到其中的数据。

最近发表
标签列表