html5—历史管理(通过跳转页面))
来源:互联网 发布:2017年7月进出口数据 编辑:程序博客网 时间:2024/06/01 12:52
历史管理(通过跳转页面)
window.onhashchange
— 改变hash值(#x)来管理
用途:可以做成不改变网址,仅改变hash值进行历史管理(window.location.hash)
练习:做一个随机彩票页面,可以通过历史管理返回
即从1~35随机选择7个数,但这7个数不能出现重复
<body><input type="button" value="生成彩票" ><span></span><script> var oBtn=document.getElementsByTagName('input')[0]; var oSpan=document.getElementsByTagName('span')[0]; var json={}; function randomticket(howL,num){ var arr=[]; var newArr=[]; for(var i=0;i<howL;i++){ arr.push(i+1); } for(var i=0;i<num;i++){ newArr.push(arr.splice(Math.floor(Math.random()*arr.length),1)); }//Math.random()*arr.length得到一个1~35中的随机数,math.floor()向下取整,arr.splice(Math.floor(Math.random()*arr.length),1)返回的是被删除的这个数,整行的意思是将产生的这个随机整数从arr数组中删去,并将这个数存入到newArr数组中,这样可以避免产生重复的随机数 }oBtn.onclick=function(){ var arr1=randomticket(35,7);//arr1数组存的是newArr var iRan=Math.random(); json[iRan]=arr1;//iRan这个随机数为json中的键,数组arr1为json中iRan这个键的值 oSpan.innerHTML=arr1; window.location.hash=iRan;//将随机数iRan作为哈希值,则这个哈希值就是键 } window.onhashchange=function(){//改变hash值(#x)来管理 //alert(window.location.hash); oSpan.innerHTML=json[window.location.hash.substring(1)];//删除前面的#,通过键(hash值)将json中对应的值取出 }</script></body>
0 0
- html5—历史管理(通过跳转页面))
- html5(历史管理)
- html5(历史管理)
- HTML5历史页面之间的互相跳转
- HTML5 历史管理
- HTML5之历史管理
- 通过页面管理应用程序(长连接)
- HTML5知识填坑(四)——历史状态管理
- html5 历史管理以及hash管理
- html5之页面跳转-hash
- 页面跳转——所跳转页面有display:none(锚点跳转不到)
- 【ionic+angulajs】ion-tabs访问页面url不记录历史的方法(修改浏览器记录的历史url,改变goback的跳转)
- webapp mui & HTML5+ (四) 之 窗口(页面初始化、跳转、传参)
- HTML5笔记二:历史管理history
- 3.html5历史管理 (history.pushState)
- html5 实现当前页面跳转(单页面)
- 操纵历史,利用HTML5 History API实现无刷新跳转
- 操纵历史,利用HTML5 History API实现无刷新跳转
- Ubuntu14.04安装mongodb
- RFID实验
- 20161016
- RtlGetSystem
- 快速排序
- html5—历史管理(通过跳转页面))
- 2016/10/15
- oracle遇到的问题汇总
- 科大讯飞板子换唤醒词方法(含win10可用adb工具)
- Linux下的文件目录管理
- DVBlast
- 如何求解问题-现代启发式方法(第8-9章)
- 欧拉工程第16题 2的1000次方的各位之和是多少?
- 对于无法进行MvcMovies的解决方法