首页 > 其他 > 详细

onhashchange

时间:2016-09-16 11:26:38      阅读:137      评论:0      收藏:0      [点我收藏+]
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <input type="button" value="随机" id="btn1">
 9     <div id="div1"></div>
10     <script>
11     var oBtn = document.getElementById("btn1");
12     var oDiv = document.getElementById("div1");
13     var obj = {};
14 
15     oBtn.onclick = function(){
16         var number = randomNum(35,7);
17         oDiv.innerHTML = number;
18 
19         var oRD = Math.random();
20         obj[oRD] = number;
21 
22         window.location.hash = oRD;
23     };
24 
25     window.onhashchange = function(){
26         //undefined时为空
27         var number = obj[ window.location.hash.substring(1) ] || "";//去掉#
28         oDiv.innerHTML = number;
29     };
30     function randomNum(alls,now){
31         var arr = [];
32         var newArr = [];
33 
34         for(var i = 1;i <= alls;i ++){
35             arr.push(i);
36         }
37         
38         for(var i = 0;i < now;i ++){
39             //Math.random()   [0,1)
40             //Math.floor( Math.random() * arr.length   0~34
41             newArr.push( arr.splice(Math.floor( Math.random() * arr.length ),1) );//删除并返回被删除元素的数组
42         }
43         return newArr;//是一个二维数组
44     }
45 
46     </script>
47 </body>
48 </html>

 

onhashchange

原文:http://www.cnblogs.com/jiujiaoyangkang/p/5876046.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!