Onclick изменить URL с помощью jquery

Я пытаюсь изменить URL-адрес с помощью 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/

Ответ 1

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

Это не будет перенаправлено, оно останется на странице.

Ответ 2

вместо window.location вам нужно изменить историю

пример кода

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