onhashchange事件

onhashchange 事件:是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。

window.location.hash属性介绍:

location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。

以下是结合 onhashchange  事件与 window.location.hash属性实现35选7的随机选取数据效果:

<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>

效果图如下:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值