Maison  >  Article  >  interface Web  >  Comment implémenter le saut de page en HTML

Comment implémenter le saut de page en HTML

coldplay.xixi
coldplay.xixioriginal
2021-04-12 14:53:1739449parcourir

Comment implémenter le saut de page en HTML : 1. Définissez le temps de saut et la page via la méta ; 2. Utilisez une balise pour sauter directement ; 3. Passez par javascript, le code est [window.location='. index.html'].

Comment implémenter le saut de page en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur DELL G3.

Comment implémenter le saut de page en HTML :

1 Utilisez la méta pour sauter en HTML Vous pouvez définir le temps de saut et la page via méta

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>
<.>2. Accédez directement à la balise a

<a href="http://baidu.com">百度一下</a>

3. Passer par javascript

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);
其实两种方式是类似的,只是有的在javascript中写的跳转,另一种直接从html中写跳转
<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>

4 Comment passer à la page précédente en html

window.history . go(-1); ou window.history.back(-1);

Écrivez en html

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

Écrivez en javascript pour passer à la page précédente

<div id="btn">按钮</div>
<script type="text/javascript">
    var wrong = document.getElementById(&#39;btn&#39;);
    wrong.onclick = function() { 
window.history.go(-1);//返回上一页
window.history.back(-1);//返回上一页
   }
</script>

Recommandations d'apprentissage associées : 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!

Déclaration:
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