应用哈希值更改图片hash

最新推荐文章于 2023-05-19 10:41:23 发布

Always_OL

最新推荐文章于 2023-05-19 10:41:23 发布

阅读量3.5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/nideshijian/article/details/52512190

版权

js 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

描述：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.οnclick=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>

Always_OL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
应用哈希值更改图片hash

描述：window.location:位置及其主要成员1、href:完整URL(字符串类型)2、search：参数?name=hello 表单数据格式 name 3、hash：哈希值4、reload:刷新一：描述：哈希值操作1、数据保存多张图片的地址，如果没有就是0;2、获取当前的哈希值，并设置当前的图片3、每点击一下图片就会换下一张并修改哈希值
复制链接

扫一扫

专栏目录