如何在不重新加载的情况下操纵URL

Question

我看过Modify the URL without reloading the page

但我真的不明白，或者我的脚本需要其他命令才能正常工作。

我已经有了这个脚本来加载＃content-Div中的内容而不重新加载页面：

function contentloader(dataid) {
    $("#content").fadeOut(100).load("controller.php?id=" + dataid + "", {}, function () {
        $(this).fadeIn("slow");
    });
}

如果有人点击链接“sitename”，我如何操纵网址...如?id="sitename"？

还有可能将点击的链接标记为“当前”，因此如果链接被点击，它就会获得“当前”类，这仅适用于css。

URL-Modify仅用于重新加载页面（如果有人这样做）并且他回到了原来的位置，当然还有浏览器中的“后退”和“前进”功能。

Answer 1

您可以使用HTML 5实现这一目标。我不知道是否还有其他选项。看看这个http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

Answer 2

使用此插件非常简单，可以添加

http://benalman.com/projects/jquery-bbq-plugin/

以下是添加此内容的方法

http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

Answer 3

使用核心Javascript（条件：即＆gt; 8）

var stateObj = {foo：“bar”}; history.pushState（stateObj，“page 2”，“bar.html”）;