onhashchange 事件:是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。
window.location.hash属性介绍:
<script>
//onhashchange
window.onload = function(){
var oInput=document.getElementById('input1');
var oDiv = document.getElementById('div1');
var obj={};
oInput.onclick = function(){
var number = randomNum(35,7);//执行randomNum(alls,now)函数;
oDiv.innerHTML = number;
var oRD=Math.random();//随机数
obj[oRD]=number;
window.location.hash=oRD;//把随机数给调整地址栏的地址
//alert(window.location.hash);
}
window.οnhashchange=function(){
var number=obj[window.location.hash.substring(1)] || '';//substring(1)用来减去地址栏的地址中的#号
oDiv.innerHTML=number;
}
function randomNum(alls,now){
var arr=[];
var newArr=[];
for(var i=1;i<=alls;i++){
arr.push(i);//push()方法可向数组的末尾添加一个或多个元素,并返回新的长度
}
for(var i=0;i<now;i++){
//splice() 方法用于插入、删除或替换数组的元素。
//Math.floor返回小于等于数字的最大整数
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>
效果图如下: