• 历史管理 onhashchange


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    
    //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++){
                newArr.push( arr.splice(Math.floor(Math.random()*arr.length),1) );
            }
            
            return newArr;
        
        }
        
    };
    
    </script>
    </head>
    
    <body>
    <input type="button" value="35选7" id="input1" />
    <div id="div1"></div>
    </body>
    </html>
  • 相关阅读:
    查看linux命令类型
    理解bashrc和profile[转载]
    问题:ldconfig
    箭头函数
    闭包函数
    方法
    手把手教你使用百度地图(图解)
    变量作用域与解构赋值
    iterable
    Map和Set
  • 原文地址:https://www.cnblogs.com/chiangyibo/p/7815485.html
Copyright © 2020-2023  润新知