Onclick使用jquery更改url

Question

我正在尝试使用jquery更改URL.

因此,一旦单击该按钮,它将更改父URL,但不会重定向.

例如,如果网址是,

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

这不会重定向,它会保留在页面上.