应用哈希值更改图片hash

来源:互联网 发布:多媒体平台软件 编辑:程序博客网 时间:2024/06/03 15:50
描述:window.location:位置  及其主要成员
1、href:完整URL(字符串类型)
2、search:参数?name=hello  表单数据格式  name   
3、hash:哈希值

4、reload:刷新

一:描述:哈希值操作
1、数据保存多张图片的地址,如果没有就是0;
2、获取当前的哈希值,并设置当前的图片
3、每点击一下图片就会换下一张并修改哈希值

<body><img src="images/1.jpg" id="img1"/><script type="text/javascript">  //哈希值 //window.location.hash=3;//var   hash=window.location.hash;//console.log(hash.substring(1));var  img=document.getElementById('img1');img.onclick=function(){var   hash=window.location.hash.substring(1);console.log(hash);if(hash==''){hash=1;window.location.hash=1;}    hash=parseInt(hash);    //转换为number类型   // console.log(typeof hash);   //换图片   hash++;   if(hash>5)hash=1;   window.location.hash=hash;   img.src='images/'+hash+'.jpg'}</script></body>


0 0