使用hash路由时怎么能再刷新后时候自动滚动到页面上次的锚点 |
| 时间：2025-02-26 11:28:16 来源：互联网 作者： |
AI导航网，AI网站大全，AI工具大全，AI软件大全，AI工具集合，AI编程，AI绘画，AI写作，AI视频生成，AI对话聊天等更多内容请查看 https://aiaiv.cn/
前端路由你现在还不会？详解hash模式与history模式原理 在很久以前，每次切换 url 浏览器整个页面都会刷新一次。有时候只是想切换一点内容，url 也变变化了，那整个浏览器页面也跟着变了，体验非常不好。但是随着技术的进步，出现了 AJAX技术，AJAX 可以让网页的页面局部内容更新，url 可以保持不变。但是这个时候又发现一个问题，我页面利用 AJAX 更新的内容。我重新 展开单页面路由实现功能在实现这个路由，我们需要考虑3种情况。 1.输入 url 能切换页面 2.浏览器前进与后退按钮，可以对应切换页面 3.浏览器刷新，页面加载内容与原来一样 展开Hash 模式那我们可以利用 浏览器事件 onhashchange 事件监听 url（window.location.hash） 变化 ,切换不同页面，执行对应页面的js。需要注意几点： 1. hash 值指的是地址 展开结语目前我们用的 React与 Vue 框架所用的路由都有这两种模式选择。 所以希望看完这篇文章对你有帮助，文中如有错误，欢迎在评论区指正，如果这篇文章帮助到了你， |
|
