html5中本地存储Web Storage

最新推荐文章于 2017-10-19 13:49:59 发布

猛虎细嗅o蔷薇

最新推荐文章于 2017-10-19 13:49:59 发布

阅读量384

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/gly742279097/article/details/48049359

版权

HTML5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

要判断浏览器是否支持localStorage可以使用下面的代码：

        if (window.localStorage) {
		alert("浏览支持localStorage")
	} else {
		alert("浏览暂不支持localStorage")
	} 
	//或者 
	if (typeof window.localStorage == 'undefined') {
		alert("浏览暂不支持localStorage")
	}

function gg(id) {

	//首先获得body中的3个input元素
	var msg = document.getElementById(id);
	var getData = document.getElementById("getData");

	if (msg.value) {
		// sessionStorage.setItem("data", msg.value);
		localStorage.setItem("data", msg.value);
		alert("信息已保存到data字段中");
	} else {
		alert("信息不能为空");
	}

}

function hh(id) {
	alert("读信息");
	var text = document.getElementById(id);
	// var msg = sessionStorage.getItem("data");
	var msg = localStorage.getItem("data");
	text.innerHTML = msg;
}

<!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="utf-8">
            <title>HTML5--本地存储SessionStorage</title>
            <script type="text/javascript" src="js/web1.js">
                  
            </script>
        </head>
       
        <body>
            <p id="textcontent"></p>
            <input id="msg" type="text"/>
            <input id="setData" type="button" value="保存数据" οnclick="gg('msg')"/>
            <input id="getData" type="button" value="获取数据" οnclick="hh('textcontent')"/>
            
        </body>
    </html>

猛虎细嗅o蔷薇

关注

0
点赞
踩
0

收藏

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

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。要判断浏览器是否支持localStorage可以使用下面的代码： if (window.localStorage) { alert("浏览支持localStorage") } else { alert("浏览暂不支持localStorage") }
复制链接

扫一扫