看了一些以前的“左侧侧边栏、右侧内容区域的结构”的项目,似乎有 3 种途径:
1 、借助 iframe
事件监听左侧侧边栏的菜单,当用户点击某个菜单项时,获取它的 href 属性值,并且将它赋值给右边内容区域的 iframe 元素的 src 属性,这样就可以实现内容页面的切换。
2 、借助 Ajax
监听左侧侧边栏的点击事件,当用户点击某个菜单项时,使用 ajax 请求对应的内容页面,并将返回的数据替换右边内容区域的容器中
3 、不借助 js
直接把侧边栏的菜单写在每一个 html 页面里,如果需要菜单高亮,在每个 html 页面对应的菜单里添加.active 等
这三种方式在点击菜单时,都会网络请求对应的 html 页面,而现在的 vue 、react 等框架,是不需要的。
有网络请求的情况下切换页面时观感上会没那么快,一般会用哪些手段提升体验。