JavaScript Onclick

Einführung

JavaScript ist eine bekannte Programmiersprache. Es wird in mehr als 95% der Websites verwendet, mit denen wir täglich interagieren. Sie können oft sehen, dass auf der Klick auf eine Schaltfläche eine ganze Seite geändert wird, ein Formularfeld geöffnet wird oder ein Popup-Feld angezeigt wird. Wie können wir aus der Perspektive eines Programmierers/Entwicklers solche Funktionen implementieren und die Interaktionen der Website mit Benutzern übernehmen? In Bezug auf die Interaktion bietet JavaScript integrierte Funktionen, um Ereignisse auf einer Website zu steuern.

In JavaScript gibt es zwei Arten von Ereignissen:

• Event -Hörer - Hört und wartet darauf, dass die Veranstaltung gefeuert wird
• Event -Handler - ausgeführt, wenn eine Veranstaltung gefeuert wird

In diesem Artikel erfahren Sie über den am häufigsten verwendeten Event -Handler von JavaScript, der ONCLICK Fall. Es gibt andere Event -Handler, um über ein Element oder für Tastaturdrücke zu schweben, aber in diesem Artikel werden wir uns auf das Onclick -Event konzentrieren.

Das Onclick -Ereignis wird verwendet, um bestimmte Aufgaben beim Klicken einer Schaltfläche oder durch Interaktion mit einem HTML -Element auszuführen.

Wir werden Ihnen jetzt ein Beispiel zeigen, wie das Onclick -Event funktioniert.

Beispiel: Text mit Onclick ändern

In diesem Beispiel werden wir eine Textauswahl auf dem Klicken einer Schaltfläche mit dem Onclick -Ereignis ändern. Erstens werden wir ein Absatz -Tag erstellen und ihm einen ID -Absatz geben, um später darauf zugreifen. Wir erstellen eine Schaltfläche mit dem Onclick -Ereignis und rufen die Funktion mit dem Namen „Änderung auf.”

LinuxHint

Ändern!

In der Skriptdatei erstellen wir eine Flag -Variable, mit der wir den Status des Textes in unserem HTML -Absatz -Tag überprüfen können. Dann schreiben wir eine Funktion, die die Funktion „Änderung“ definiert. In der Funktionsdefinition erstellen wir eine Anweisung „If“, in der wir den Status mithilfe der Flag -Variablen überprüfen werden. Wir werden auch den Text ändern und die Flagge ändern. Es ist ein ziemlich einfaches Stück Code!

var a = 1;
function change ()
if (a == 1)
dokumentieren.GetElementById ("Absatz").Innerhtml = "LinuxHint ist großartig"
a = 0;
anders
dokumentieren.GetElementById ("Absatz").Innerhtml = "LinuxHint"
a = 1;

In Ordnung! Nachdem wir den ganzen Code geschrieben haben, führen wir den Code aus, wechseln zu unserem Browser und klicken auf die neu erstellte Schaltfläche. Nach dem Klicken auf die Schaltfläche sollte der Text von "LinuxHint" auf "LinuxHint ist fantastisch" geändert werden.”

Wir können die gleiche Technik überall anwenden, um den Inhalt unserer Website entsprechend unseren Anforderungen zu ändern. Wir können es verwenden, um ein Bild zu ändern oder jede Art von Aufgabe auszuführen, die wir uns mit diesem Tool vorstellen können.

Abschluss

In diesem Artikel wird erläutert, wie das Onclick -Event verwendet wird. In diesem Artikel haben Sie das Konzept der Onclick -Funktion auf praktische Weise gelernt. Die Verwendung des Onclick -Ereignisses ist so einfach, dass sogar ein Anfänger mit dieser Funktion beginnen kann. Sie können bei LinuxHint weiter lernen, arbeiten und mehr Erfahrung in JavaScript sammeln.com, um diese Programmiersprache besser zu verstehen. Vielen Dank!