ページ内ジャンプを無視するJS戻るボタンの作成方法

Question

JavaScriptコマンド、window.history.backがあります。これは基本的にリンクをクリックする最後の動作を元に戻します。しかし、それは厄介な制限があります。たくさんのページ内リンク（同じページ内でジャンプするために表記<a href="#my-section">...</a>を使用）を使用する非常に大きなHTMLページを使用している場合は、window.backを実行しても前のページには移動しません。同じページの前のセクションに移動します。それは一般的に私が望むものではありません。以前のセクションではなく、前のページにジャンプする方法はありますか？

最初にページを読み込んだときにウィンドウ履歴のサイズを記録し、その後に戻ってくることがありますが、それ以来多くの追加エントリが作成されています。これはエラーが起こりやすいようです（ページをリロードするとどうなりますか？）

Answer 1

window.backではなくwindow.historyを使用します。たとえば、次のコードを使用して戻るボタンを作成することができます。

<button onclick="goBack()">Go Back</button> 

<script> 
function goBack() { 
    window.history.back(); 
} 
</script>