【Go 语言社区】 HTML5 前端--数据保存实例
【Go 语言社区】 HTML5 前端--数据保存实例
李海彬
发布于 2018-03-19 17:36:43
发布于 2018-03-19 17:36:43
保存数据--->到本地s.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="UTF-8">
<!--
作者：1528884535@qq.com
时间：2016-01-29
描述：数据的缓存的数据操作，应用的方式和方法
-->
<title>本地缓存</title>
<script type="text/javascript">
// 相当于与redis 去存储的数据的信息方式。主要的测试的数据更新
var strKey = "strKey";
var storage = window.localStorage;
var Cookie;
function onStart(){
if(storage.getItem(strKey)!=null){
alert(storage.getItem(strKey)+'localStorage');
window.location="ww.html";
}else if(Cookie.read(strKey)!=null){
alert(Cookie.read(strKey)+'cookie');
}
}
// 保存的数据的操作的，数据的保存到饿饿擦做的饿
function bendihuancun() {
alert("test data update !!! ");
var strValue = document.getElementById("username").value;
if (storage) {
storage.setItem(strKey, strValue);
} else {
Cookie.write(strKey, strValue);
}
onStart();
}
</script>
</head>
<body >
<input type="text" id="username" value="123">
<input type="button" value="保存缓存" onclick="bendihuancun()">
</body>
</html>
获取本地数据---->
<html>
<head>
<meta charset="UTF-8">
<script>
document.domain = "localhost";
function aa(){
alert("p");
}
</script>
</head>
<body>
<iframe src="http://localhost/DIS/s.html" id="i">
</iframe>
<script>
var storage = window.localStorage;
// 后去数据，到数据本地的操作的数据；
// 数据的保存的方式
alert(storage.getItem("strKey")+'localStorage');
document.getElementById('i').onload = function(){
var d = document.getElementById('i').contentWindow;
var a=d.a();
console.log(a);
};
</script>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2016-01-29，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读