使用jQuery在点击时更改URL

Question

13

我尝试使用jQuery来更改URL。

所以，一旦按钮被点击，它会更改父级URL但不会重定向。

例如，如果URL是

http://www.xyz.com，那么它将变成http://www.xyz.com/abc但不会重定向。

我的代码：

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

有可能吗？

请提建议。

- Prithviraj Mitra

4

可以的。请展示您迄今为止的代码，我们将看到您错在哪里。另外，您是指锚标签上的URL还是地址栏中的URL？ - Huangism

1

你正在使用 window.location 吗？ - Maess

@Huan 已添加了这个代码片段。 - Prithviraj Mitra

1

http://jsfiddle.net/aamir/Tn8BW/4/show/ - Aamir Afridi

显示剩余3条评论

2个回答

3

你需要修改历史记录，而不是使用window.location。

示例代码：

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

- marvwhere

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- aksu · Accepted Answer

JavaScript 可以幸运地修改浏览器的历史记录并更改 URL。这个例子将在您的浏览器历史记录中添加新行，您可以使用“后退”按钮返回到该页。

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;
});

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