HTML サブページから親ページにジャンプするには、特定のコード例が必要です。
Web アプリケーションの開発では、HTML サブページから親ページにジャンプする必要があることがよくあります。サブページのページステータス。この種のジャンプは、子ページで操作した後に親ページに戻る必要があることを認識するのに役立ちます。この記事では、HTMLのサブページから親ページにジャンプする機能の実装方法を、具体的なコード例を通して詳しく紹介します。
まず、子ページと親ページの関係を理解する必要があります。子ページは、href または iframe を通じて親ページによって埋め込まれた HTML ページを指し、親ページは子ページに埋め込まれた HTML ページを指します。
1. JavaScript を使用して親ページにジャンプする
JavaScript の window オブジェクトを使用して、子ページから親ページにジャンプする機能を実現できます。具体的なコード例は次のとおりです。
// 子页面 <script> function redirectToParent() { window.location.href = "../父页面.html"; // 这里填写父页面的文件路径 } </script> <button onclick="redirectToParent()">返回父页面</button>
上記のコードでは、window.location.href 属性を使用して、サブページがジャンプする親ページのパスを指定します。ボタンをクリックすると、 redirectToParent() 関数がトリガーされてジャンプ操作が実行されます。
2. HTML タグを使用したリンクジャンプ
JavaScript コードを使用するだけでなく、HTML タグ内のリンクを通じて子ページから親ページにジャンプする機能も実現できます。具体的なコード例は次のとおりです。
<!-- 子页面 --> <a href="../父页面.html">返回父页面</a>
上記のコードでは、 タグの href 属性を使用して、ジャンプ先の親ページのパスを指定します。ユーザーがこのリンクをクリックすると、親ページにジャンプします。
ジャンプ機能が正しく動作するためには、親ページと子ページのファイル パスを正しく入力する必要があることに注意してください。また、親ページと子ページが異なるフォルダーにある場合は、パスに「../」などの相対位置の接頭辞を追加する必要があります。
概要
上記のコード例を通じて、HTML サブページから親ページにジャンプする機能を実現できます。ジャンプ操作は、JavaScript ウィンドウ オブジェクトまたは HTML タグ内のリンクを使用して実現できます。実際の開発では、サブページから親ページへジャンプする機能を実現するために、特定のニーズに応じて適切な方法を選択できます。
以上がHTMLページで親ページにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。