Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie Javascript, um durch Klicken auf eine Schaltfläche zu einer Seite zu springen

青灯夜游
Freigeben: 2023-01-05 16:12:04
Original
36581 Leute haben es durchsucht

So klicken Sie auf die Schaltfläche, um zur Seite zu springen: Verwenden Sie zunächst das Attribut onclick im Schaltflächenelement, um das Klickereignis zu binden, und legen Sie fest, dass bei Auftreten des Klickereignisses die Funktion myFunction() ausgeführt wird myFunction()-Funktion, definieren Sie die Anweisung „location.href=" Seitenadresse " zum Springen.

So verwenden Sie Javascript, um durch Klicken auf eine Schaltfläche zu einer Seite zu springen

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

Javascript-Methode zum Klicken auf eine Schaltfläche, um zur Seite zu springen:

  • Binden Sie das Klickereignis im Schaltflächenelement

  • Wenn ein Klickereignis auftritt, verwenden Sie die Anweisung „location.href“, um zu springen

Codebeispiel:

<p id="demo">点击按钮,进行页面跳转。</p>

<button onclick="myFunction()">点击按钮</button>

<script>
	function myFunction() {
		window.location.href=&#39;https://www.php.cn/&#39;;
	}
</script>
Nach dem Login kopieren

Rendering:

So verwenden Sie Javascript, um durch Klicken auf eine Schaltfläche zu einer Seite zu springen

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript, um durch Klicken auf eine Schaltfläche zu einer Seite zu springen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage