HTMLページで親ページにジャンプする方法

PHPz
リリース: 2024-02-18 10:37:05
オリジナル
545 人が閲覧しました

HTMLページで親ページにジャンプする方法

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!