jquery：更改URL地址而不重定向

注意:现在支持history.pushState()-请参阅其他答案.

You cannot change the whole url without redirecting, what you can do instead is change the hash.

The hash is the part of the url that goes after the # symbol. That was initially intended to direct you (locally) to sections of your HTML document, but you can read and modify it through javascript to use it somewhat like a global variable.

If applied well, this technique is useful in two ways:

1. 浏览器历史记录将记住您采取的每一个不同步骤(因为url+哈希已更改)
2. you can have an address which links not only to a particular html document, but also gives your javascript a clue about what to do. That means you end up pointing to a state inside your web app.

To change the hash you can do:

document.location.hash = "show_picture";

To watch for hash changes you have to do something like:

window.onhashchange = function(){
    var what_to_do = document.location.hash;    
    if (what_to_do=="#show_picture")
        show_picture();
}

当然，散列只是一个字符串，所以你可以用它做你喜欢的事情.例如，如果使用JSON将整个对象放入其中，则可以将其放入其中.

有非常好的JQuery库可以用来做高级的事情.