HTML 页面跳转不改变 URL：使用 JavaScript History API 实现

日期: 2027-04-16

标签: 常规

<!DOCTYPE html>
<html>
<head>
    <script>
        function changePage() {
            // 使用History API的replaceState()方法来修改浏览器的历史记录，但URL不会改变
            window.history.replaceState({}, '', 'up.html');
        }
    </script>
</head>
<body>
    <button onclick="changePage()">跳转到up.html</button>
</body>
</html>
<p>要实现页面跳转但URL不变，可以使用JavaScript的History API来实现。上面是一个示例代码，当点击按钮时，通过调用<code>changePage()</code>函数来修改浏览器的历史记录，但URL不会改变。这样就实现了页面跳转但URL不变的效果。</p>

原文地址: https://www.cveoy.top/t/topic/p5oI 著作权归作者所有。请勿转载和采集!