javascript - HTMLアンカーの履歴を残さない方法

Question

:target セレクターを使用して css3 で画像スライダーを作成しています。このJavaScript行を実行している次と前のボタンがあります

window.location = "#image" + image;

問題は、ブラウザの戻るボタンをクリックすると、スライダーの前の画像が表示されることです。前のアンカーではなく、前のページに戻るボタンが必要です。

助けてくれてありがとう

Answer 1

履歴 APIを使用します。

history.replaceState({}, document.title, "#image" + image);

history.replaceState() は、replaceState() が新しい履歴エントリを作成するのではなく、現在の履歴エントリを変更することを除いて、history.pushState() とまったく同じように動作します。

replaceState() は、ユーザー アクションに応答して現在の履歴エントリの状態オブジェクトまたは URL を更新する場合に特に便利です。