使用window.location.href跳转页面不刷新的问题

最新推荐文章于 2025-05-31 09:35:27 发布

grfstc

最新推荐文章于 2025-05-31 09:35:27 发布

阅读量3.7k

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端

原文链接：https://blog.youkuaiyun.com/qq_41445106/article/details/108536610

当使用window.location.href进行URL跳转时，如果新旧URL相同，页面可能不会刷新。例如，在动态组件中，两个页面虽然链接相同但内容不同。为解决这个问题，可以结合window.location.href和window.location.reload()方法，确保页面刷新。例如：window.location.href='https://www.baidu.com'; window.location.reload(); 这样可以强制页面刷新，实现从B页面回到A页面并更新内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.location.href = 'http://xxx’通常这样写都是可以跳转到目的url的，但是若当前的url和跳转的url是一个的话，页面可能就不会跳转，不会刷新
举个例子，a页面和b页面是通过动态组件展示的，那么a和b的链接其实对应的就是一个，比如都是https://www.baidu.com，此时有个需求就是你想从b页面跳转到a页面，你用了window.location.href，这个时候页面其实是不会被刷新的

解决方式：用完window.location.href 后再用window.location.reload()方法即可

window.location.href = 'https://www.baidu.com'
window.location.reload()

————————————————
版权声明：本文为优快云博主「浅浅呐」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_41445106/article/details/108536610