JS:hash值改变的事件（代）

最新推荐文章于 2024-11-07 09:50:43 发布

一染星辰

最新推荐文章于 2024-11-07 09:50:43 发布

阅读量727

点赞数

分类专栏： javascript概念 p2 原生js 文章标签： HTML JavaScript DOM操作事件监听 hash值

本文链接：https://blog.csdn.net/weixin_59519449/article/details/120627761

版权

p2 原生js 同时被 2 个专栏收录

62 篇文章 3 订阅

订阅专栏

javascript概念

41 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<button type="button" class="small">小</button>
			<button type="button" class="big">大</button>
			<div class="d1"></div>
		</div>
		<script type="text/javascript">
			var small = document.querySelector(".small");
			var big = document.querySelector(".big");
			var d1 = document.querySelector(".d1");
			
			small.onclick = function(){
				location.href = "02_hash值改变的事件.html#small";
			}
			
			big.onclick = function(){
				location.href = "02_hash值改变的事件.html#big";
			}
			
			window.onhashchange = function(){
				var hash = location.hash.slice(1);
				if(hash == "small"){
					d1.innerHTML = "这是small";
				}else if(hash == "big"){
					d1.innerHTML = "这是big";
				}
			}
			
			
			
		</script>
	</body>
</html>