替换掉页面中的局部内容

需求

点击“关于我们”，将 index.html 中 id = “content” 的内容替换成 aboutUs.html 中 id = “aboutUs” 的内容。

局部替换可能遇到的问题

点击导航栏中除了“关于我们”之外的其他按钮，要跳转回 index 页面，并定位到具体锚点的位置。

1. 恢复替换之前的index 页面内容。使用 remove() 和 load() 将 index 页面被局部替换了的内容加载回来；
2. 获取点击的 event.target 的hash值（例如 “ #products")；
3. 设置延时，等页面加载完成再用
   document.querySelector(event.target.hash).scrollIntoView()
   让相应锚点位置的内容滚动显示到屏幕。