JavaScriptを使用してブラウザの「戻る」ボタンを無効にするにはどうすればよいですか?

ブラウザの戻るボタンを停止する意味は、ユーザーが前のページに移動するのを防ぐことです。場合によっては、セキュリティ上の理由から、ユーザーが現在のページの後ろに移動できないようにする必要があります。

たとえば、ほとんどの銀行 Web サイトでは、オンライン バンキングを使用して Web サイトから特定の取引を実行するときに戻ることはできません。ユーザーがトランザクションの途中で戻った場合、何らかの問題が発生する可能性があるためです。したがって、トランザクションを完了するか、キャンセルして最初からやり直すことしか許可されません。

ここでは、JavaScript を使用してユーザーが現在の Web ページから前の Web ページに戻れないようにするさまざまな方法を学習します。このチュートリアルでは、JavaScript または jQuery を使用してブラウザの「戻る」ボタンを停止する方法を学習します。

window.history.forward() メソッドを使用する

window.history.forward() メソッドを使用すると、ユーザーを前の URL にリダイレクトできます。ウィンドウ オブジェクトは、位置オブジェクトをスタック形式で保存します。したがって、履歴オブジェクトの forward() メソッドは最後の場所を検索し、ユーザーをその場所オブジェクトの URL にリダイレクトします。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って履歴オブジェクトの forward() メソッドを使用できます。

リーリー

上記の構文では、window はグローバル オブジェクトを指し、各 Web ページには window オブジェクトが含まれています。

例 1

以下の例では、HTML タグを使用して、ユーザーを TutorialsPoint サイトのホームページに送信するリンクを作成します。 JavaScript では、window.history.forward() メソッドを追加しました。

これで、ユーザーが現在の Web ページからtutorialsPoint サイトのホームページに移動すると、そのページには戻ることができなくなります。

リーリー

例 2

以下の例では、setTimeOut() 関数を使用して、特定の時間が経過した後にユーザーを前のページにリダイレクトします。 setTimeOut() 関数では、1 秒後に window.history.forward() メソッドを呼び出します。

したがって、出力では、ユーザーが TutorialsPoint サイトのホームページから現在のページに戻るたびに、1 秒後に再びリダイレクトされることがわかります。

リーリー

window.history.go() メソッドを使用する

window.history.go() メソッドは、ユーザーを最後の場所の URL にリダイレクトします。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って window.history.go() メソッドを使用して、ブラウザの「戻る」ボタンを停止できます。

リーリー

上記の構文では、onload 属性を HTML 要素に追加し、stopBack() 関数を呼び出します。

例 3

次の例では、window.history.go() メソッドを使用してユーザーを前のページにリダイレクトします。 Web ページが読み込まれるたびに、stopBack 関数が呼び出されます。これにより、ユーザーが現在のページから前のページにリダイレクトされ、ブラウザーの「戻る」ボタンを停止できるようになります。

リーリー

ユーザーが特定の Web ページに戻れないようにする方法を学びました。 window.history.forward() メソッドと window.history.go() メソッドを使用しました。

以上がJavaScriptを使用してブラウザの「戻る」ボタンを無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。