纯前端如何实现跳转页面而不改变URL（不使用iframe）？

Posted 2023-03-08

a.html中点击button1清空当前页面并加载b.html

参考技术A 跳转页面而不改变URL怕是没有，只能通过加载的方式了。用js去打开新页，将新页面内容再用js重写到当前页 参考技术B a和b在同一个文件夹下的时候
<button onclick="window.location.href='b.html'">test</button>追问

url还是改变了啊（至少chrome中是这样）

追答

我提供一个思路，在a里面有一个iframe,iframe里是b.html，iframe隐藏起来，大小为0像素。a页面点了按钮后，js取了b.html里所有的对象。再清空a，填进a里面。

参考技术C 现在的前端单页应用不就是这样子么的，通过#hash来动态改变路路参数，从而实现页面路转
.../index.html#/a.html
.../index.html#/b.html 参考技术D 那就要用到js了，如果可以刷新的话，那window.location.href='b.html'这个就可以。