使用jquery点击更改url

Onclick change url using jquery

本文关键字：url jquery 使用      更新时间：2024-06-08

我正在尝试使用jquery更改url。

因此，一旦单击该按钮，它将更改父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/

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

这不会重定向，而是停留在页面上。

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

示例代码

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");
相关文章：