更改地址栏中的完整URL，而无需重新加载页面

Question

我需要的是一个网页，以完全改变用户的访问地址。

例如：我访问www.X.com，但我的地址栏显示www.Z.com。

我已经查看过history.pushState / history.replaceState，但是使用它们我得到的结果如下：www.X.com/www.Z.com。

有没有一种方法，最好使用history.pushState / replaceState来实现这种效果？

Answer 1

function changeUrl(page, url) {
    if (typeof (history.pushState) != "undefined") {
        var obj = { Page: page, Url: url };
        history.pushState(obj, obj.Page, obj.Url);
    } else {
        alert("Browser does not support HTML5.");
    }
}
$(function () {
    $("#button1").click(function () {
        changeUrl('Page1', 'Page1.htm');
    });
    $("#button2").click(function () {
        changeUrl('Page2', 'Page2.htm');
    });
    $("#button3").click(function () {
        changeUrl('Page3', 'Page3.htm');
    });
});

Answer 2

我与托管服务提供商解决了该问题。