1

プレビュー画像のある現在のページのポップアップ ウィンドウで大きな画像を開くときに、URL を変更したいと考えています。次にPHPを介して新しいURLを操作したいので、window.location.hash機能を使用したくありません。ハッシュで作成するのが複雑であることがわかりました。それで、HTML5 の機能を使用してこれを作成できることがわかりました。

window.history.pushState(“object or string”, “Title”, “/new-url”);

私の問題は、大きな画像を閉じるときに、この新しい URL をページから削除したいということです。使用せずにこれを作成するにはどうすればよいですか

window.history.back();

?

ありがとう。

4

1 に答える 1

1

画像を閉じることは、ブラウザの戻るボタンを押すこととは異なります。これは、別のリンクをたどって元のページに戻ることに似ています。ですから、戻る必要はありません。もう一度pushState、元の URL に戻ります。

一方、ユーザーがブラウザーの [戻る] ボタンをクリックした場合は、元のページにも戻す必要があります。そのため、イベントをリッスンし、popstateイベントが発生したら、ポップアップ イメージを削除する関数を実行する必要があります。

window.addEventListener("popstate", function(e) {
    hideimage();
}

HTML5 history API の詳細をご覧ください。

于 2013-01-05T19:49:59.447 に答える