html5(历史管理)
来源:互联网 发布:rnm网络是什么意思 编辑:程序博客网 时间:2024/06/06 12:37
<!
DOCTYPE
html>
<
head
>
<
meta
http-equiv="Content-Type" content="text/html; charset=gb2312" />
<
title
>无标题文档</
title
>
<
script
type="text/javascript">
//第一种实现 :onhashchange: 事件;当hash值有变化的时候,就触发
window.onload=function()
{
var oInput=document.getElementById("input1");
var oDiv=document.getElementById("div1");
//var obj={};
oInput.onclick=function()
{
var number=randomNum(35,7);
oDiv.innerHTML=number;
var oRD=Math.random();
obj[oRD]=number;
window.location.hash=oRD;
}
window.onhashchange=function()
{
var number=obj[window.location.hash.substring(1)] || '';
oDiv.innerHTML=number;
}
function randomNum(alls,now)
{
var arr=[];
var newArr=[];
for(var i=1;i<=alls;i++)
{
arr.push(i);
}
for(var i=0;i<
now
;i++)
{
var a=Math.floor(Math.random()*arr.length);
newArr.push(arr.splice(a,1));
}
return newArr;
}
//第二种实现: histroy
//pushState:三个参数:数据 标题(都没实现) 地址(可选)
//popstate事件: 读取数据 event.state
oInput.onclick=function()
{
var number=randomNum(35,7);
oDiv.innerHTML=number;
history.pushState(number,'');
}
window.onpopstate=function(ev)
{
var number=ev.state || '';
oDiv.innerHTML=number;
}
}
</script>
</
head
>
<
body
>
<
input
type="button" id="input1" value="35选7" />
<
div
id="div1"></
div
>
</
body
>
</
html
>
0 0
- html5(历史管理)
- html5(历史管理)
- HTML5 历史管理
- HTML5之历史管理
- html5—历史管理(通过跳转页面))
- html5 历史管理以及hash管理
- HTML5笔记二:历史管理history
- 3.html5历史管理 (history.pushState)
- HTML5实战与剖析之历史管理(history对象)
- HTML5知识填坑(四)——历史状态管理
- HTML5的历史
- html5的历史
- html5介绍及历史
- HTML5历史状态管理history API-pushState/replaceState与popstate事件
- HTML5 脚本编程之:跨文档消息传递&历史状态管理
- 说说如何使用 HTML5 对浏览器的历史状态进行管理
- HTML5新特性2(拖放事件/历史管理/延时加载JS)
- MTK窗口历史管理
- servlet验证码
- popViewControllerAnimated 之后不走deallloc的几个原因:
- Java向前引用容易出错的地方
- Ants poj 1852
- JAVA : String StringBuilder String Buffer
- html5(历史管理)
- HTML布局和链接
- javascript 正则表达式
- ATTiny13单片机解433M超外差接收模块编码
- 【2015.4.7】心情贴
- 第五周 【项目3-用多文件组织多个类的程序】
- 在mysql客户端提示Access Denied的解决办法
- Hadoop2.6.0运行自带WordCount报错
- fastjson 嵌套对象,泛型的再次处理