<a href="#index">Index</a>
<a href="#list">List</a>
<h1 id="body"></h1>
/**
* 原理:
* 地址栏目发生改变的时候,不会刷新整个页面
* onhashchange 事件在当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发。
*/
let body_ele = document.getElementById("body");
body_ele.innerHTML = "这里是主题内容";
window.onhashchange = function() {
let page = location.hash;
if (page === "#index") {
body_ele.innerHTML = "Index页面";
return false;
} else if (page === "#list") {
body_ele.innerHTML = "List页面";
return false;
}