Comment accéder à la page en HTML

PHPz
Libérer: 2023-04-23 16:30:04
original
9874 Les gens l'ont consulté

HTML est le langage le plus basique du développement Web. Il peut nous aider à créer des pages Web statiques. Le saut dans les pages Web est également une fonction que nous utilisons souvent dans le développement quotidien. Nous allons présenter ici comment implémenter des pages de saut en HTML.

1. Utilisez la balise pour accéder à la page

L'utilisation de la balise de lien en HTML permet aux utilisateurs d'accéder à la page spécifiée en cliquant sur le lien hypertexte du lien. Je vais maintenant vous montrer comment utiliser la balise pour accéder à la page.

<a href="http://www.baidu.com">百度一下,你就知道</a>
Copier après la connexion

Dans le code ci-dessus, l'attribut href spécifie la page cible vers laquelle accéder. Dans cet exemple, nous passons à la page de recherche Baidu.

De plus, l'attribut href peut également pointer vers d'autres pages du même répertoire, d'autres pages dans des répertoires, ou même pointer vers un emplacement spécifié (le soi-disant point d'ancrage).

Dans les applications réelles, nous pouvons également utiliser des chemins relatifs et des chemins absolus pour spécifier l'adresse cible de la page de saut.

2. Utilisez JavaScript pour accéder à la page

En plus d'utiliser la balise pour accéder à la page, nous pouvons également accéder à la page en écrivant des scripts JavaScript. Je vais maintenant vous montrer comment utiliser JavaScript pour accéder à la page.

<button onclick="location.href=&#39;http://www.baidu.com&#39;">跳转到百度</button>
Copier après la connexion

Dans le code ci-dessus, lorsque l'utilisateur clique sur le bouton, le script JavaScript définira l'adresse de saut de la page sur l'adresse de la page de recherche Baidu, réalisant ainsi le saut de page.

De plus, nous pouvons également utiliser l'attribut location de l'objet window pour réaliser un saut de page.

<button onclick="window.location.href=&#39;http://www.baidu.com&#39;">跳转到百度</button>
Copier après la connexion

Dans le code ci-dessus, la valeur de l'attribut window.location.href est l'adresse de la page de recherche Baidu, et le saut de page peut être réalisé en cliquant sur le bouton pour déclencher le script JavaScript.

3. Utilisez la balise pour implémenter des sauts de page

Dans certains cas, nous pouvons avoir besoin d'implémenter des sauts de page automatiques au lieu d'attendre que l'utilisateur clique manuellement sur un lien ou un bouton. À ce stade, nous pouvons utiliser la balise pour accéder à la page.

<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
Copier après la connexion

Dans le code ci-dessus, l'attribut http-equiv est égal à "refresh", ce qui signifie que la balise est utilisée pour actualiser la page. L'attribut de contenu représente le temps nécessaire pour actualiser la page et l'adresse cible du saut. "5" signifie actualiser la page après 5 secondes, et "http://www.baidu.com" est l'adresse cible du saut.

Il convient de noter que l'utilisation de la balise pour effectuer un saut de page entraînera le saut automatique de la page et l'utilisateur ne peut pas contrôler s'il doit sauter ou vers quelle page cible accéder.

Pour résumer, nous pouvons réaliser le saut de page HTML grâce à la balise , au script JavaScript et à la balise Selon les différents besoins, nous pouvons choisir différentes manières d'implémenter les sauts de page.

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