Heim >Web-Frontend >HTML-Tutorial >So klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen

So klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen

青灯夜游
青灯夜游Original
2021-05-14 17:23:0182727Durchsuche

So springen Sie zur Seite, indem Sie in HTML auf eine Schaltfläche klicken: 1. Verschachteln Sie ein Tag außerhalb des Schaltflächen-Tags und verwenden Sie einen Hyperlink zum Springen. 2. Fügen Sie „onclick="window.location.href='page url" hinzu Verwenden Sie den Code des Button-Tags „“ zum Springen mit dem Ereignis „onclick“.

So klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen

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

Methode 1: Beschichten Sie die Schaltflächenbeschriftung mit einem Tag

<a href="https://www.php.cn/">
	<button>进入PHP中文网</button>
</a>

Rendering:

So klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen

Methode 2: Verwenden Sie das Onclick-Ereignis

<button onclick="window.location.href = &#39;https://www.php.cn/&#39;">进入PHP中文网</button>

Rendering:

So klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen

Empfohlenes Tutorial: „ HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo klicken Sie auf die Schaltfläche, um zur Seite im HTML-Format zu springen. 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