Klicken Sie auf die Schaltfläche auf der HTML-Seite, um die Seitensprungfunktion zu realisieren

Klicken Sie auf die Schaltfläche auf der HTML-Seite, um zur Seite zu springen

Methode 1. Verschachteln Sie ein a-Tag außerhalb des Schaltflächen-Tags und verwenden Sie einen Hyperlink zum Springen.

 <a href="https://www.baidu.com/" target="_blank">
<button>Baidu-Homepage aufrufen</button>
</a>

Methode 2. Fügen Sie den Code οnclick="window.location.href='page url'" in das Schaltflächen-Tag ein und verwenden Sie das Ereignis onclick zum Springen.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">Baidu-Homepage aufrufen</button>

So springen Sie automatisch zu HTML-Seiten

1. Verwenden Sie Metaelemente

 <meta http-equiv="refresh" content="5;url=hello.html">

http-equiv="refresh" bedeutet, dass die Seite nach 5 Sekunden aktualisiert wird. Die URL ist die Zielseitenadresse des Sprungs.

 <meta http-equiv="refresh" content="5">

Diese Codezeile bedeutet nur Aktualisieren, nicht Springen.

2. Verwenden Sie Skriptcode

Springen Sie sofort zur Seite hello.html.

 <script type="text/javascript">
window.location.href = 'hello.html';
</script>

oder

 <script language="javascript">
location.replace("http://www.baidu.com/");
</script>

Springen Sie nach 5 Sekunden zur Seite hello.html.

 <script type="text/javascript">
setTimeout("window.location.href = 'hello.html'", 5000);
</script>

3. Stellen Sie fest, ob es sich um eine Mobiltelefonversion handelt

 <script type="text/javascript">
var wapurl = window.location.pathname; 
Wenn
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{Wenn
(window.location.href.toLowerCase().indexOf("?pc")<0)
{versuchen
{window.location.href="/wap"+wapurl}
fangen(e){}}
}
</script>

Damit ist dieser Artikel über das Klicken auf die Schaltfläche auf der HTML-Seite, um zur Seite zu springen, abgeschlossen. Weitere Informationen zum Klicken auf die Schaltfläche zum Springen zur Seite finden Sie in den vorherigen Artikeln von downcodes.com oder durchsuchen Sie weiter unten die entsprechenden Artikel Ich hoffe, Sie werden dies in Zukunft tun.