HTML5/Javascript: 内容改变,地址不变

HTML5/Javascript: Content changing without adress changing

我有一个问题,但一直找不到答案。我希望你能帮助我。

我要建立一个简单的网站,包含文本和超链接。无论单击哪个超链接,我都希望站点具有相同的地址。例如,如果我的网站是 www.website.com - 当点击超链接时,整个页面的内容应该改变,但地址应该仍然是 www.website.com,而不是 www.website.com/hyperlink.html 例如。换句话说,我想禁止人们使用 "back" 按钮 return 到更早的页面,并防止他们通过在地址栏中写入来导航页面。他们应该体验单个页面,但仍然能够通过链接浏览大量不断变化的内容——这意味着如果他们单击 "back" 按钮,他们将离开网站,如果他们刷新页面,它将返回到 'index'。你能指出正确的方向吗?哪些方法在这里可能有用?早些时候,我会在 Flash 中完成,并将 flash 结构嵌入到网站中,但据我所知,Flash 不再是最好的解决方案了?

提前致谢。

首先,这不是 SEO 的最佳主意。 但撇开这一点,您应该使用 javascript 进行 AJAX 调用并使用响应更改页面的部分部分。

所以基本上,您要做的是从您的主页捕获所有 link 单击事件,并通过 AJAX 调用处理请求,并在同一页。

允许您刷新项目列表、菜单或整个页面(如果需要)。

由于将是 AJAX 调用,因此用户不会看到 URL 中的任何差异。