html5(历史管理）

来源：互联网发布：rnm网络是什么意思编辑：程序博客网时间：2024/06/06 15:48
<!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窗口历史管理
Java之反射类的构造函数，通过单元测试反射创建类的对象
继续刷水题= =||分拆素数和 HDU 2098
Android中的Bitmap集锦
数据结构的重要性
Oracle的共享锁和排它锁
html5(历史管理）
servlet验证码
popViewControllerAnimated 之后不走deallloc的几个原因：
Java向前引用容易出错的地方
Ants   poj 1852
JAVA  : String StringBuilder String Buffer
html5（历史管理）
HTML布局和链接
javascript 正则表达式