1

wampsever を使用して Web サイトを作成しています。div タグを使用してページをセクションに分割しました。メニューの内容を同じページに表示するために JavaScript を利用しました。

したがって、すべてのリンクで使用href="javascript:ajaxpage('info.php', 'content');"する「コンテンツ」は、情報を表示したい div の ID です。

問題は、バックスペース ボタン (Chrome および Firefox 10 でテスト済み) を使用すると、div 選択セクションで以前に表示されたコンテンツに戻れないことです。

PS: 私は自分のページをローカルで作業しています

事前にご回答いただきありがとうございます

4

1 に答える 1

2

最新のブラウザーのほとんどは、履歴の JavaScript 操作をサポートしています。Mozilla はここでうまくまとめています。

ブラウザ間の互換性については、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');
};
于 2012-09-18T20:27:37.683 に答える