php - 返回 部分中先前显示的内容

Question

我正在使用 wampsever 创建一个网站。我已经使用 div 标签将页面分成几个部分。为了在同一页面中显示菜单的内容，我使用了 JavaScript。

因此在每个链接中我都使用 href="javascript:ajaxpage('info.php', 'content');" 其中 'content' 是我的信息所在的 div 的 id想要展示。

问题是使用退格按钮(在 Chrome 和 Firefox 10 中测试)，我无法返回到 div 所选部分中先前显示的内容。

PS:我在本地处理我的页面

提前感谢您的回答

Answer 1

大多数现代浏览器现在都支持 javascript 操作历史记录。 Mozilla 有一个很好的总结 here .

有关跨浏览器兼容性，请参阅 History.js .

还有一些代码:

// 1. Push a state when page loads.
history.pushState(window.location.href, 'Page Title', window.location.href);

// 2. On every ajax navigation, push that state
history.pushState(ajaxHref, 'Page title', ajaxHref);

// 3. Setup a event for onpopstate (when the user goes back)
window.onpopstate = function(e) {
    if(e.state != null)
        ajaxpage(e.state, 'content');
};