Web Storage本地储存

最新推荐文章于 2024-07-23 20:15:47 发布

gqhp

最新推荐文章于 2024-07-23 20:15:47 发布

阅读量137

点赞数

文章标签： html

本文链接：https://blog.csdn.net/sjpgyy/article/details/106459442

版权

Web Storage本地储存

HTML5中的作用：提供了在客户端保存数据的功能。

在HTML4中，使用cookies在客户端保存用户名；
cookies缺点：
（1）大小限制在4KB;
(2) 宽带浪费；
（3）难以操作。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Web Storage本地储存</title>
    <!-- <script type="text/javascript" src="index.js"></script>-->
    <script type="text/javascript" src="index2.js"></script>
</head>
<body>
<h1>Web Storage本地储存</h1>
<p id="msg"></p>
<input type="text" id="input">
<input type="button" value="保存数据" onclick="saveStorage('input');">;
<input type="button" value="读取数据" onclick="loadStorage('msg');">;
</body>
</html>


function saveStorage(id){
    var target=document.getElementById(id);
    var str=target.value;
    localStorage.setItem ("mess",str);
}
function loadStorage(id){
    var target=document.getElementById(id);
    var msg=localStorage.getltem("mess");
    target.innerHTML=msg;
}

function saveStorage(id){
    var target=document.getElementById(id);
    var str=target.value;
    sessionStorage.setItem ("mess",str);
}
function loadStorage(id){
    var target=document.getElementById(id);
    var msg=sessionStorage.getltem("mess");
   target.innerHTML=msg;
}

gqhp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web Storage本地储存

Web Storage本地储存HTML5中的作用：提供了在客户端保存数据的功能。在HTML4中，使用cookies在客户端保存用户名；cookies缺点：（1）大小限制在4KB;(2) 宽带浪费；（3）难以操作。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>Web Storage本地储存</t
复制链接

扫一扫