优秀的编程知识分享平台

网站首页 > 技术文章 正文

HTML 5 Web 存储localStorage（html本地存储 localstorage）

nanyue 2024-09-23 10:38:22 技术文章 9 ℃

  • 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打开，并看到其中的数据。

Tags：

猜你喜欢

最近发表
标签列表