HTML5实现历史存储的方法
1.通过onhashchange实现
当hash值发生变化的时候,就会触发onhashchange事件
var btn=document.querySelector('#btn');
var input=document.querySelector('#input');
var num;
//hash
btn.οnclick=function(){
num=Math.floor(Math.random()*10);
window.location.hash=num;//将数据存储在hash
input.value=num;
};
window.οnhashchange=function(){
var num=window.location.hash.substring(1);//取数据
input.value=num;
};
2.通过history实现
存数据history.pushState( a,b,c) 三个参数 数据 标题(都没有实现) 网址()可选
取数据: window.onpopstate=function(e){
Var num=e.state; //在这里取数据 然后下面操作
}
—注意:网址是虚假的,需要在服务器指定对应的页面,不然刷新找不到页面
//history
btn.οnclick=function(){
num=Math.floor(Math.random()*10);
history.pushState(num,'');
input.value=num;
};
window.onpopstate=function(e){
var num=e.state;
input.value=num;
};
总结
以上是编程之家为你收集整理的HTML5历史存储全部内容,希望文章能够帮你解决HTML5历史存储所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!