onhashchange
生活随笔
收集整理的這篇文章主要介紹了
onhashchange
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
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="隨機(jī)" 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時(shí)為空
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) );//刪除并返回被刪除元素的數(shù)組
42 }
43 return newArr;//是一個(gè)二維數(shù)組
44 }
45
46 </script>
47 </body>
48 </html>
?
轉(zhuǎn)載于:https://www.cnblogs.com/jiujiaoyangkang/p/5876046.html
總結(jié)
以上是生活随笔為你收集整理的onhashchange的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Js的 继承
- 下一篇： Openstack入坑指南