<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原声js监听锚点变化</title>
<script src="iscroll_V4.2.5/js/jquery.min.js"></script>
</head>
<body onhashchange="getHash()">
<a href="#A">A锚点变化</a>
<div class="A"></div>
<a href="#B">B锚点变化</a>
<div class="B"></div>
<script>
/**
* body 上的 onhashchange 能监听url锚点变化
* 获取浏览器中锚点值 :#xxx
*/
function getHash(){
var hash = window.location.hash;
switch(hash){
case '#A':
$('.A').load('./text3_A.html');
console.log('当前A页面'); break;
case '#B':
$('.B').load('./text3_B.html');
console.log('当前B页面'); break;
}
}
</script>
</body>
</html>
原声js 锚点监听
最新推荐文章于 2023-12-29 13:03:14 发布