hashchange 事件监听 url的hash 的改变）哈希模式原理
window.addEventListener(‘hashchange‘, function(e) {
console.log(e)
})
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="#/login">登录</a>
|
<a href="#/register">注册</a>
<div id="app"></div>
<script type="text/javascript">
var appdiv=document.getElementById(‘app‘)
window.addEventListener(‘hashchange‘, function(e) {
console.log(location.hash)
switch(location.hash){
case ‘#/login‘:
appdiv.innerHTML=‘我是登录页面‘;
break;
case ‘#/register‘:
appdiv.innerHTML=‘我是注册页面‘;
break;
}
})
</script>
</body>
</html>
原文：https://www.cnblogs.com/xl4ng/p/12584426.html