Fatal编程技术网
  • html/
  • 在HTML5历史API中使用假URL

在HTML5历史API中使用假URL

html

在HTML5历史API中使用假URL,html,browser-history,pushstate,Html,Browser History,Pushstate,我在一个网站上工作，它有一个基本的滑块，有4张左右滑动的幻灯片，只在页面中央显示一张幻灯片。所有幻灯片的内容都加载在一个单独的页面上，每个页面都在其自己的div中 <div id="slider-box"> <div class="slide">HTML and bg image</div> <div class="slide">HTML and bg image</div> <div class="sli

我在一个网站上工作，它有一个基本的滑块，有4张左右滑动的幻灯片，只在页面中央显示一张幻灯片。所有幻灯片的内容都加载在一个单独的页面上，每个页面都在其自己的div中

<div id="slider-box">
    <div class="slide">HTML and bg image</div>
    <div class="slide">HTML and bg image</div>
    <div class="slide">HTML and bg image</div>
    <div class="slide">HTML and bg image</div>
</div>


HTML与bg图像
HTML与bg图像
HTML与bg图像
HTML与bg图像
没什么特别的。此外，每张幻灯片都与一个链接相关联：

<a href="/gallery">Gallery</a>
<a href="/links">Links</a>
<a href="/about">About</a>
<a href="/resources">Resources</a>
因此，我开始使用History.js将每张幻灯片与其各自的链接链接起来；www.example.com/about。我可以毫无问题地改变状态；往返工作和URL更改

我注意到的是，如果我加载了一个错误的URL，比如www.example.com/about，那么页面将返回404

我能做些什么来防止404发生，同时确保页面被带到正确的幻灯片上

我还有别的办法吗

我在使用jQuery和HTML5的LAMP堆栈中

我真的被这件事缠住了…谢谢

是我们的web服务器处理HTTP 404错误，请参阅您的web服务器文档，了解如何使用重定向等创建自定义错误页。如果您使用的是Microsoft Internet Information server 7，请查看此处

是我们的web服务器处理HTTP 404错误，有关如何使用重定向等创建自定义错误页面的信息，请参阅web服务器文档。如果您使用的是Microsoft Internet Information server 7，请查看此处

如果我理解正确，您实际上必须创建
/about
，
/gallery
等页面。想想看，History API只在一个页面内工作。它可以控制地址栏上的内容，但不会自行创建实际的URL

我的解决方案是使用类似mod_rewrite的东西
/about
将重定向到类似于
/？p=about
的内容，这将加载已打开的相应
div的页面。其他幻灯片也一样。只有这样，您才能使用历史API的功能。
如果我理解正确，您实际上必须创建
/about
，
/gallery
等页面。想想看，History API只在一个页面内工作。它可以控制地址栏上的内容，但不会自行创建实际的URL

我的解决方案是使用类似mod_rewrite的东西
/about
将重定向到类似于
/？p=about
的内容，这将加载已打开的相应
div的页面。其他幻灯片也一样。只有这样，您才能使用历史API的功能