什么是为我工作是- history.replaceState()函数这是如下-

history.replaceState(data,"Title of page"[,'url-of-the-page']);

这将不会重新加载页面，你可以使用javascript的事件

我想知道如果它是可能的，只要在页面上的父路径是相同的，只有新的东西被追加到它。

比如，假设用户在http://domain.com/site/page.html页面 然后浏览器允许我进行定位。Append = new.html 页面变成:http://domain.com/site/page.htmlnew.html，浏览器不会更改它。

或者允许用户改变get参数，这里是location。Get = me=1&page=1。

所以原来的页面变成http://domain.com/site/page.html?me=1&page=1，它不刷新。

#的问题是，当哈希被改变时，数据不会被缓存(至少我不这么认为)。这就像每次加载一个新页面时，而非ajax页面中的后退和前进按钮能够缓存数据，而不需要花费时间重新加载数据。

据我所知，雅虎历史记录已经一次性加载了所有数据。它似乎没有执行任何Ajax请求。因此，当使用div处理不同的方法时，不会为每个历史状态存储数据。

window.location.href包含当前URL。您可以读取它，可以添加到它，也可以替换它，这可能会导致页面重新加载。

如果，就像听起来的那样，你想在URL中记录javascript状态，这样它就可以被书签，而不需要重新加载页面，将它附加到当前URL的#后面，并让onload事件触发的一段javascript解析当前URL，以查看它是否包含保存的状态。

如果你使用?而不是#，您将强制页面重新加载，但由于您将在加载时解析保存的状态，这实际上可能不是一个问题;这将使前进和后退按钮也能正常工作。

我给出了一个更简单的答案，

window.history.pushState(null, null, "/abc")

这将在浏览器URL的域名后面添加/abc。只需复制这段代码并将其粘贴到浏览器控制台，就可以看到URL更改为“https://stackoverflow.com/abc”

我成功地做到了:

location.hash="myValue";

它只是将#myValue添加到当前URL。如果需要在page Load上触发事件，可以使用相同的位置。哈希来检查相关的值。只要记住从location返回的值中删除#即可。散列。

var articleId = window.location.hash.replace("#","");

我的代码是:

//change address bar
function setLocation(curLoc){
    try {
        history.pushState(null, null, curLoc);
        return false;
    } catch(e) {}
        location.hash = '#' + curLoc;
}

和行动:

setLocation('http://example.com/your-url-here');

和示例

$(document).ready(function(){
    $('nav li a').on('click', function(){
        if($(this).hasClass('active')) {

        } else {
            setLocation($(this).attr('href'));
        }
            return false;
    });
});

这就是全部:)