JavaScriptを使用してブラウザの「戻る」ボタンを無効にするにはどうすればよいですか?-jsチュートリアル-php.cn

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

王林

リリース： 2023-09-07 14:21:02

転載

1068 人が閲覧しました

如何使用 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 関数が呼び出されます。これにより、ユーザーが現在のページから前のページにリダイレクトされ、ブラウザーの「戻る」ボタンを停止できるようになります。

リーリー