javascript - 如何更改一页 slider 网站的网址

Question

我正在开发一个单页 slider ，我在其中使用不同的部分来显示不同的内容。我的目标是 id 以使 slider 工作。在这种情况下，我只需要将地址栏 url 更改为内容名称 id 而不是 hash。例如，它必须类似于 www.mywebsite.com/home，它应该定位到我的主页部分。

我给了一个划痕 fiddle更多引用

<div id="body">
<ul class="nav">
    <li><a href="#home">Home</a></li>
    <li><a href="#about">about</a></li>
</ul>
<div class="home" id="home">Home Content</div>
<div class="about" id="about">About Content</div>

<a href="#body" class="top">Top</a>

提前致谢

Answer 1

您可以为此使用 HTML5 和 pushState

像这样

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

有关信息，请参阅 Manipulating_the_browser_history