So implementieren Sie einen Webseitensprung in HTML-HTML-Tutorial-php.cn

So implementieren Sie einen Webseitensprung in HTML

醉折花枝作酒筹

Freigeben： 2023-01-05 16:07:16

Original

20605 Leute haben es durchsucht

Methode: 1. Verwenden Sie das Meta-Tag mit der Syntax „“ 2. Verwenden Sie das a-Tag mit der Syntax „“; Javascript zum Springen verwenden, die Syntax lautet „window.location.href=‘Webseitenadresse‘“.

So implementieren Sie einen Webseitensprung in HTML

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

1. Verwenden Sie Meta, um in HTML zu springen. Sie können die Sprungzeit und Seite über Meta festlegen Tatsächlich sind die beiden Methoden ähnlich, außer dass einige Sprünge in Javascript schreiben und die anderen Sprünge direkt aus HTML schreiben.

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>

Nach dem Login kopieren

Zusätzliche Erklärung: So springen Sie in HTML zur vorherigen Seite in HTML

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

Nach dem Login kopieren

Schreiben Sie in Javascript, um zur vorherigen Seite zu springen

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);

Nach dem Login kopieren

<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>

Nach dem Login kopieren

Empfohlenes Lernen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen Webseitensprung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!