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/

2 12
javascript url jquery onclick

2 ответа:

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

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

21

Вместо окна.расположение вам нужно изменить историю

Пример кода 

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