只需使用，它不会重新加载页面，只会重新加载URL：

$('#form_name').attr('action', '/shop/index.htm').submit();

在HTML5之前，我们可以使用：

parent.location.hash = "hello";

and:

window.location.replace("http:www.example.com");

此方法将重新加载页面，但HTML5引入了不应重新加载页面的history.pushState（page，caption，replace_url）。

注意：如果你使用的是HTML5浏览器，那么你应该忽略这个答案。从其他答案中可以看出，这现在是可能的。

在不重新加载页面的情况下，无法在浏览器中修改URL。URL表示最后加载的页面。如果您更改它（document.location），它将重新加载页面。

一个明显的原因是，你在www.mysite.com上写了一个看起来像银行登录页面的网站。然后你将浏览器的URL栏更改为www.mybank.com。用户将完全不知道他们真的在看www.mysite.com。

在现代浏览器和HTML5中，有一种叫做pushState的窗口历史记录方法。这将更改URL并将其推送到历史记录中，而无需加载页面。

您可以这样使用它，它需要3个参数，1）状态对象2）标题和URL）：

window.history.pushState({page: "another"}, "another page", "example.html");

这将更改URL，但不会重新加载页面。此外，它不会检查页面是否存在，因此如果您执行一些对URL做出反应的JavaScript代码，您可以这样处理它们。

此外，还有history.replaceState（），它做了完全相同的事情，只是它将修改当前历史，而不是创建新的历史！

此外，您还可以创建一个函数来检查history.pushState是否存在，然后执行以下操作：

function goTo(page, title, url) {
  if ("undefined" !== typeof history.pushState) {
    history.pushState({page: page}, title, url);
  } else {
    window.location.assign(url);
  }
}

goTo("another page", "example", 'example.html');

此外，您可以更改<HTML5浏览器的#，这不会重新加载页面。这是Angular根据标签进行SPA的方法。。。

更改#非常简单，比如：

window.location.hash = "example";

你可以这样检测：

window.onhashchange = function () {
  console.log("#changed", window.location.hash);
}

只需使用，它不会重新加载页面，只会重新加载URL：

$('#form_name').attr('action', '/shop/index.htm').submit();

使用HTML5历史API中的history.pushState（）。

有关详细信息，请参阅HTML5历史API。