题目点评
本题主要考察数据存储的知识,数据存储有本地和服务器存储两种方式,对于前端开发来讲,只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般,只要能够说出思路就可以,至少说两种解决方法。
解题方法
方法一:使用localStorage
使用localStorage.setItem(key,value);添加内容
使用storage事件监听添加、修改、删除的动作
window.addEventListener(“storage”,function(event){
$(“#name”).val(event.key+”=”+event.newValue);
});
方法二、使用cookie+setInterval
HTML代码
HTML页面
<input id="name">
<input type="button" id="btnOK" value="发送">
JS代码-页面1
$(function(){
$("#btnOK").click(function(){
var name=$("#name").val();
document.cookie="name="+name;
});
});
JS代码-页面2
//获取Cookie天的内容
function getKey(key){
return JSON.parse(" {\""+document.cookie.replace(/;\s+\grim,"\",\"").replace(/=/gim,"\":\"")+"\"}")[key];
}
//每隔1秒获取Cookie的内容
setInterval(function(){
console.log(getKey("name"))
},1000);