ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptのbackメソッドとは何ですか

JavaScriptのbackメソッドとは何ですか

PHPz
リリース: 2023-04-25 14:07:45
オリジナル
2771 人が閲覧しました

JavaScript フォールバック メソッド

JavaScript は、Web クライアント スクリプト プログラミングに一般的に使用されるオブジェクト駆動型およびイベント駆動型のスクリプト言語です。 Web 開発では、多くの場合、JavaScript を使用してユーザーと対話し、特定の機能を実装する必要があります。その 1 つがバック メソッドです。 back メソッドは、ユーザーが現在のページで「戻る」ボタンをクリックすると、ブラウザが自動的に前のページに戻ることを意味します。 JavaScript を使用して back メソッドを実装する方法を学びましょう。

1. window.history.back() メソッド

window.history.back() メソッドは、JavaScript で戻るために最もよく使用されるメソッドの 1 つです。このメソッドを使用すると、Web ページで前の履歴レコードにジャンプ、つまり後方に移動できます。このメソッドの構文は次のとおりです。

window.history.back();

このメソッドが呼び出されると、ブラウザは最後にアクセスしたページに戻ります。このメソッドが最初の履歴ページで呼び出された場合、ブラウザーにはそれ以上戻る履歴がないため、効果はありません。

2. History.go() メソッド

history.go() メソッドは、JavaScript の back 関数も実装できます。このメソッドにより、Web ページの前後のナビゲーションが可能になります。このメソッドの構文は次のとおりです。

history.go(-1);

このメソッドが呼び出されると、ブラウザは現在の履歴リストの前のページに移動します。 forward 関数は、数値パラメータを正の数に変更することで実現できます。

history.go(1);

このメソッドが呼び出されると、ブラウザは現在の履歴リストに移動します。次のページ、つまり前に進みます。

3. ブラウザの戻るボタンを操作する

ブラウザの戻るボタンを操作するには、ブラウザのイベントを使用する必要があります。たとえば、ページにボタンを追加し、次のコードを使用して戻る関数を制御できます:

window.history.back();

ユーザーがボタンをクリックすると、ページは最後にアクセスしたページに戻ります。さらに、ウィンドウ オブジェクトの onbeforeunload イベントを使用することもできます。このイベントは、ページがアンロードされる直前にトリガーされます。このイベントでは、ユーザーに現在のページから離れるかどうかを尋ねることができます:

window.onbeforeunload = function() {

return "确定要离开当前页面吗?";
ログイン後にコピー

}

ユーザーがブラウザをクリックして戻るときボタンをクリックすると、プロンプト ボックスがポップアップ表示され、ユーザーは現在のページから離れるかどうかを選択できます。

概要

JavaScript の back メソッドは、Web 開発で最も一般的に使用される関数の 1 つであり、ユーザーがブラウザー内の最近のアクセス レコードに移動するのに役立ちます。 window.history.back() メソッドとhistory.go() メソッドを使用して戻る関数を実装でき、ボタンとイベントを通じてブラウザの「戻る」ボタンを制御できます。 Web 開発テクノロジーの継続的な開発により、バック機能を実装するために使用できる方法が増えています。ただし、どの方法を使用する場合でも、ブラウザーの互換性とセキュリティに注意を払い、コードが簡潔で効果的で、保守とアップグレードが容易であることを確認する必要があります。

以上がJavaScriptのbackメソッドとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート