如何在不重新加载的情况下更改url

how to change the url without reloading

本文关键字：情况下 url 加载 新加载      更新时间：2023-09-26

我读过很多关于如何在不重新加载页面的情况下更改URL的其他问题。这是我的代码，我只是想知道是否有人能告诉我我做错了什么？当我点击按钮时，它不会改变网址。这是我的确切代码，不确定我做错了什么，谢谢。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Social Media </title>
</head>
<body>
    <input type="button" value="Page1" onclick="ChangeUrl('Page1','Page1.htm');" />
<script type="text/javascript">
function ChangeUrl(title, url) {
    window.history.pushState("object or string", "Title", "/new-url");
}
</script>
</body>
</html>

我希望新的url在末尾有/new url。感谢

<input type="button" value="Page1" onclick="ChangeUrl('Page1','Page1.htm');" />
<script type="text/javascript">
function ChangeUrl(title, url) 
{
    window.history.pushState("object or string", title, url);
}
</script>

您可以通过两种方法来实现这一点。

  1. pushState创建一个新的历史条目
  2. replaceState更新当前历史条目

你可以这样做：

function changeURL(title, url)
{
    history.replaceState("", title, url);
}
相关文章：