Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie einen Seitensprung in HTML

So implementieren Sie einen Seitensprung in HTML

coldplay.xixi
coldplay.xixiOriginal
2021-04-12 14:53:1739439Durchsuche

So implementieren Sie einen Seitensprung in HTML: 1. Legen Sie die Sprungzeit und die Seite über Meta fest. 2. Verwenden Sie ein Tag, um direkt zu springen. 3. Springen Sie über Javascript. Der Code lautet [window.location.href='index .html'. ].

So implementieren Sie einen Seitensprung in HTML

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So implementieren Sie einen Seitensprung in HTML:

1. Sie können die Sprungzeit und die Seite über Meta festlegen

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

3 Springen Sie hinein

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

4. So springen Sie zur vorherigen Seite in HTML

window.history.go(-1);

Schreiben Sie

// 直接跳转
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>

in Javascript und springe zur vorherigen Seite

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

Verwandte Lernempfehlungen:

HTML-Video-Tutorial

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn