HTML5基础20----Web Storage概述

来源：互联网发布：网络投票怎么刷票编辑：程序博客网时间：2024/05/22 07:01
<!DOCTYPE html><!--Web Storage概述--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="appWeb20.js"></script></head><body>Web Storage功能就是在Web上储存数据的功能，这里的储存是针对客户端本地而言的。具体分两种：sessionStorage和localStorage。sessionStorage打开浏览器存储，关闭浏览器存储的就没了localStorage存储在硬盘等，永久存储具体下面实现一下：<p id="msg"></p><input type="text" id="input"><input type="button" value="保存数据" onclick="saveSessionStorage('input')"><input type="button" value="读取数据" onclick="readSessionStorage('msg')"></body></html>
/** * Created by renchong on 2015/7/25. *///sessionStorage打开浏览器存储，关闭浏览器存储的就没了//保存数据//function saveSessionStorage(id){//    var taget=document.getElementById(id);//    var str=taget.value;////  保存数据的方法 key value//    sessionStorage.setItem("message",str);//}//////读取数据//function readSessionStorage(id){//    var taget=document.getElementById(id);//    //读取数据//    var mag=sessionStorage.getItem("message");//    taget.innerHTML=mag;////}//localStorage存储在硬盘等，永久存储//保存数据function saveSessionStorage(id){    var taget=document.getElementById(id);    var str=taget.value;//  保存数据的方法 key value    localStorage.setItem("message",str);}//读取数据function readSessionStorage(id){    var taget=document.getElementById(id);    //读取数据    var mag=localStorage.getItem("message");    taget.innerHTML=mag;}
0 0