Question

我已经阅读了很多关于如何在不重新加载页面的情况下更改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>

我希望新网址最后有/ new-url。谢谢

Answer 1

你可以通过两种方式做到这一点。

pushState创建一个新的历史记录条目
replaceState更新当前的历史记录条目

您可以这样做：

function changeURL(title, url)
{
    history.replaceState("", title, url);
}

Answer 2

<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>

如何更改网址而不重新加载

2 个答案: