Onclick使用jquery更改url

Question

我正在尝试使用jquery更改网址。

因此，一旦点击该按钮，它将更改父网址，但不会重定向。

例如，如果网址是，

http://www.xyz.com然后它将成为http://www.xyz.com/abc但不会被重定向。

我的代码：

$('.clickme').click(function () {
    window.location.hash = 'xyz';
});

是否可能？

请建议。

JSfiddle：http://jsfiddle.net/squidraj/Tn8BW/3/

Answer 1

Javascript可以幸运地修改浏览器的历史记录，并更改网址。此示例将在浏览器的历史记录中添加新行，您可以使用后退按钮转到该页面。

HTML：

<a href="http://www.xyz.com/abc" id="link">abc</a>

jQuery的：

$('#link').click(function() {
   window.history.pushState('obj', 'newtitle', '/abc');
   return false;
});

或者如果你想使用url哈希（比如你的代码）：

$('#link').click(function () {
    window.location.hash = 'xyz';
    return false;
});

不会重定向，它会停留在页面上。

Answer 2

而不是window.location，您需要修改历史记录

示例代码

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");