HTML页面跳转不改变URL:使用JavaScript实现无刷新跳转
要实现页面跳转但URL不变,可以使用JavaScript的window.location.replace()方法。这个方法可以在不改变URL的情况下加载新的页面内容。
你可以在页面上添加一个按钮或者其他触发事件的元素,然后使用JavaScript来调用window.location.replace()方法。例如:
<button onclick="redirectToUpPage()">跳转到up.html</button>
<script>
function redirectToUpPage() {
window.location.replace("up.html");
}
</script>
当用户点击按钮时,页面将加载up.html的内容,但URL仍然显示为http://127.0.0.1/。
使用<iframe>也是一种实现方式,但这种方法会在页面中嵌入一个框架,而不是直接加载新的页面内容。如果你希望新页面覆盖现有页面内容并保持URL不变,建议使用window.location.replace()方法。
原文地址: https://www.cveoy.top/t/topic/p5ol 著作权归作者所有。请勿转载和采集!