我如何让一个JavaScript动作对当前页面有一些影响，但也会改变浏览器中的URL，这样当用户点击重新加载或书签时，就会使用新的URL ?
如果后退按钮可以重新加载原始URL，那就太好了。
我试图在URL中记录JavaScript状态。
当前回答
我给出了一个更简单的答案，
window.history.pushState(null, null, "/abc")
这将在浏览器URL的域名后面添加/abc。只需复制这段代码并将其粘贴到浏览器控制台，就可以看到URL更改为“https://stackoverflow.com/abc”
其他回答
什么是为我工作是- history.replaceState()函数这是如下-
history.replaceState(data,"Title of page"[,'url-of-the-page']);
这将不会重新加载页面，你可以使用javascript的事件
如果你想让它在不支持历史记录的浏览器中工作。pushState和history。popState，“旧的”方法是设置片段标识符，这不会导致页面重新加载。
基本思想是将window.location.hash属性设置为一个包含所需状态信息的值，然后使用窗口。onhashchange事件，或者对于不支持onhashchange的旧浏览器(IE < 8, Firefox < 3.6)，定期检查哈希是否已经改变(例如使用setInterval)并更新页面。您还需要检查页面加载时的哈希值，以设置初始内容。
如果你使用的是jQuery，有一个hashchange插件可以使用浏览器支持的任何方法。我相信也有其他库的插件。
需要注意的一件事是与页面上的id发生碰撞，因为浏览器将滚动到具有匹配id的任何元素。
浏览器安全设置阻止人们直接修改显示的url。你可以想象这会导致什么样的网络钓鱼漏洞。
在不更改页面的情况下更改url的唯一可靠方法是使用内部链接或散列。例如:http://site.com/page.html变成http://site.com/page.html#item1。这种技术经常用于hijax(AJAX +保存历史)。
当这样做的时候，我经常只使用哈希作为href的操作链接，然后用jquery添加点击事件，使用所请求的哈希来确定和委托操作。
我希望这能让你走上正确的道路。
我的代码是:
//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;
});
});
这就是全部:)
在HTML 5中，使用历史记录。pushState函数。举个例子:
<script type="text/javascript">
var stateObj = { foo: "bar" };
function change_my_url()
{
history.pushState(stateObj, "page 2", "bar.html");
}
var link = document.getElementById('click');
link.addEventListener('click', change_my_url, false);
</script>
和href:
<a href="#" id='click'>Click to change url to bar.html</a>
如果您希望在不向后退按钮列表添加条目的情况下更改URL，请使用历史记录。replaceState代替。
