Maison > interface Web > tutoriel HTML > Comment accéder à la page parent dans une page HTML

Comment accéder à la page parent dans une page HTML

PHPz
Libérer: 2024-02-18 10:37:05
original
593 Les gens l'ont consulté

Comment accéder à la page parent dans une page HTML

Comment accéder à la page parent à partir d'une sous-page HTML nécessite des exemples de code spécifiques

Dans le développement d'applications Web, nous rencontrons souvent des situations où nous devons accéder à la page parent dans une sous-page. Ce type de saut peut nous aider à réaliser la nécessité de revenir à la page parent après avoir opéré dans la page enfant. Cet article présentera en détail comment implémenter la fonction permettant d'accéder à la page parent à partir d'une sous-page HTML à travers des exemples de code spécifiques.

Tout d’abord, nous devons comprendre la relation entre les pages enfants et les pages parents. Une page enfant fait référence à une page HTML intégrée par une page parent via href ou iframe, et une page parent fait référence à une page HTML intégrée dans une page enfant.

1. Utilisez JavaScript pour accéder à la page parent
Nous pouvons utiliser l'objet fenêtre de JavaScript pour réaliser la fonction de passage de la page enfant à la page parent. L'exemple de code spécifique est le suivant :

// 子页面
<script>
function redirectToParent() {
    window.location.href = "../父页面.html"; // 这里填写父页面的文件路径
}
</script>

<button onclick="redirectToParent()">返回父页面</button>
Copier après la connexion

Dans le code ci-dessus, nous utilisons l'attribut window.location.href pour spécifier le chemin de la page parent vers laquelle la sous-page accède. Lorsque vous cliquez sur le bouton, la fonction redirectToParent() sera déclenchée pour effectuer l'opération de saut.

2. Saut de lien à l'aide de balises HTML
En plus d'utiliser du code JavaScript, nous pouvons également utiliser des liens de balise HTML pour passer des sous-pages aux pages parents. L'exemple de code spécifique est le suivant :

<!-- 子页面 -->
<a href="../父页面.html">返回父页面</a>
Copier après la connexion

Dans le code ci-dessus, l'attribut href de la balise est utilisé pour spécifier le chemin de la page parent cible vers laquelle accéder. Lorsque l'utilisateur clique sur ce lien, il accède à la page parent.

Il convient de noter que les chemins de fichiers de la page parent et de la page enfant doivent être renseignés correctement pour garantir que la fonction de saut peut fonctionner correctement. De plus, si la page parent et la page enfant se trouvent dans des dossiers différents, vous devez ajouter un préfixe de position relative au chemin, tel que « ../ ».

Résumé
Grâce à l'exemple de code ci-dessus, nous pouvons réaliser la fonction de passage de la sous-page HTML à la page parent. Les opérations de saut peuvent être réalisées à l'aide d'objets de fenêtre JavaScript ou de liens dans des balises HTML. Dans le développement réel, nous pouvons choisir la méthode appropriée en fonction des besoins spécifiques pour réaliser la fonction de passage de la sous-page à la page parent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal