localStorage入门

原创于 2018-05-14 00:48:28 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该示例使用浏览器的localStorage功能来保存和加载一个数值。每次页面加载时，数值会递增，并显示在输入框中。此外，还提供了一个按钮用于清除存储的数值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="ipt" value="0">
<button id="btn">清除缓存</button>
</body>
</html>
<script>
var storage = window.localStorage;
if(!storage.getItem("num")){
    storage.setItem("num",-1);
}
storage.num = parseInt(storage.getItem("num"))+1;
document.getElementById("ipt").value = storage.num;
 
document.getElementById("btn").onclick = function(){
    storage.removeItem("num");
}
</script>