我如何让一个JavaScript动作对当前页面有一些影响，但也会改变浏览器中的URL，这样当用户点击重新加载或书签时，就会使用新的URL ?
如果后退按钮可以重新加载原始URL，那就太好了。
我试图在URL中记录JavaScript状态。
当前回答
我给出了一个更简单的答案，
window.history.pushState(null, null, "/abc")
这将在浏览器URL的域名后面添加/abc。只需复制这段代码并将其粘贴到浏览器控制台，就可以看到URL更改为“https://stackoverflow.com/abc”
其他回答
我给出了一个更简单的答案，
window.history.pushState(null, null, "/abc")
这将在浏览器URL的域名后面添加/abc。只需复制这段代码并将其粘贴到浏览器控制台，就可以看到URL更改为“https://stackoverflow.com/abc”
有一个Yahoo YUI组件(浏览器历史记录管理器)可以处理这个问题:http://developer.yahoo.com/yui/history/
我强烈怀疑这是不可能的，因为如果是的话，这将是一个令人难以置信的安全问题。例如，我可以制作一个看起来像银行登录页面的页面，并使地址栏中的URL看起来像真正的银行!
也许如果你解释一下为什么你想这样做，人们可能会建议其他的方法……
[2011年编辑:自从我在2008年写了这个答案以来，更多关于HTML5技术的信息浮出了出来，该技术允许修改URL，只要它来自同一个来源]
我成功地做到了:
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;
});
});
这就是全部:)
