Maison > interface Web > tutoriel HTML > le corps du texte

Comment implémenter le saut de page en HTML

奋力向前
Libérer: 2023-01-07 11:47:31
original
55634 Les gens l'ont consulté

Méthode Jump : 1. Utilisez "text"; 2. Utilisez "

Comment implémenter le saut de page en HTML

L'environnement d'exploitation de ce tutoriel : système windows7, version html5, ordinateur DELL G3.

Comment réaliser un saut de page

1. Un saut de balise en HTML

La balise A en HTML peut également être considérée comme une sorte de saut de page, simplement en cliquant avec la souris Entrez le saut

Un code de saut de balise comme suit

<a href="http://www.feiniaomy.com"></a>
Copier après la connexion

2, méta saut de page de balise

Dans la page HTML, vous pouvez utiliser la balise meta Aller dans la page, cette méthode peut contrôler le temps de saut et définir librement l'URL du sautHTML页中,可以使用meta标签进入页面的跳转,此方法可以控制跳转的时间,以及自由化的定义跳转的网址

html跳转代码如下

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

代码示图

Comment implémenter le saut de page en HTML

代码解释

看上在的代码,meta标签中有一个content属性,表示打开此页面后,多少秒后开启跳转。还有个URL属性,表示跳转的网址

3、javascript代码跳转

在网页利用js也可以实现页面的跳转或定时跳转

JS

htmlLe code de saut est le suivant

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳转  
    window.location.href = &#39;https://www.feiniaomy.com/&#39;;
    // 五秒以后再跳转
    setTimeout("javascript:location.href=&#39;https://www.feiniaomy.com&#39;", 5000);   
</script>
Copier après la connexion

Diagramme de codeComment implémenter le saut de page en HTML

WeChat capture d'écran_20210907164224.png

Explication du code
En regardant le code ci-dessus, il y a est un attribut content dans la balise meta, qui indique combien de secondes après l'ouverture de cette page le saut commencera. Il existe également un attribut URL, qui représente l'URL redirigée

🎜🎜3. Saut de code JavaScript🎜🎜🎜L'utilisation de js sur la page Web peut également réaliser des sauts de page ou des timings. Jump🎜🎜🎜JSLe code de saut est le suivant🎜rrreee🎜Schéma de code🎜🎜🎜🎜🎜Apprentissage recommandé :🎜Tutoriel vidéo HTML🎜🎜🎜

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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!