JavaScript - HREF vs Onclick für die Rückruffunktion auf Hyperlink

JavaScript - HREF vs Onclick für die Rückruffunktion auf Hyperlink
Während des Programmierens in JavaScript kann die Integration mehrerer Funktionen in eine Webseite oder Website erforderlich sein, um mehrere Funktionen zu integrieren. Wenn Sie beispielsweise ähnliche Merkmale beziehen, sind sie voneinander abhängig. In solchen Situationen wurden Rückruffunktionen kombiniert mit “href" Und "ONCLICKSpielen eine wichtige Rolle bei der Straffung der Komplexität am Ende des Entwicklers.

In diesem Artikel veranschaulicht die Funktionen von HREF und Onclick für die Rückruffunktion auf Hyperlink in JavaScript.

"HREF" gegen "Onclick" für die Rückruffunktion auf Hyperlink in JavaScript

Der "hrefDas Attribut gibt die URL der aktuellen Seite und die “anONCLICKEreignis leitet zu einer JavaScript -Funktion um. Der "Ruf zurückDie Funktion bezieht sich auf eine Funktion, die als Argument an eine andere Funktion übergeben wird.

Kernunterschiede zwischen „HREF“ und „Onclick“ in JavaScript

Im Folgenden finden Sie die Kernunterschiede zwischen „HREF“ und „Onclick“ in JavaScript:

href ONCLICK
hrefIst das HTML -Attribut. ONCLICK ” ist ein Teil des Ereignisattributs.
Es leitet über das Tag "" "über die Hyperlinks weiter und wechselt zwischen den Webseiten. Es wird verwendet, um die Funktion in der Skriptdatei aufzurufen.
Es funktioniert nur, wenn es im Tag "" angegeben ist. Es kann an jedes HTML -Element angewendet/angehängt werden.

So verwenden Sie das Attribut „HREF“ für die Rückruffunktion auf Hyperlink in JavaScript?

Der "href"Attribut wird verwendet, um sich zum Hyperlink im Anker umzuleiten"”Tag und Wechsel zwischen verschiedenen Webseiten. In diesem Ansatz kann dieses Attribut verwendet werden, um eine Rückruffunktion aufzurufen und die Nachricht entsprechend anzuzeigen:

Klick mich

Im obigen Code -Snippet:

  • Erstellen Sie zunächst einen Hyperlink über den Anker “"Tag mit dem"href”Attribut, das auf die mit dem Namen namens Funktion umleitetemyfunction ()"Die Rückruffunktion akkumulieren"myDisplay ()”Als Argument.
  • Deklarieren Sie im JS-Code-Block eine benutzerdefinierte Funktion “myfunction ()”.
  • Initialisieren Sie in seiner Definition den angegebenen String -Wert.
  • Danach rufen Sie die Rückruffunktion auf “myDisplay ()”Den angegebenen String -Wert als Argument haben.
  • Deklarieren Sie nun die Callback -Funktion benannt “myDisplay ()"Durch das Übergeben des Stringwerts aus der früheren Funktion als Argument und Zeigen Sie ihn über die“ anAlarmDialogfeld beim Klicken auf den Link.

Ausgang

In der obigen Ausgabe ist ersichtlich, dass die Rückruffunktion erfolgreich über die “erfolgreich aufgerufen wirdhref”Attribut.

So verwenden Sie das "Onclick" -Event für die Rückruffunktion auf Hyperlink in JavaScript?

Der "ONCLICKEreignis wird verwendet, um eine bestimmte Funktion aufzurufen. Dieses Ereignis kann in Kombination mit der Rückruffunktion angewendet werden, um letztendlich die Summe der Werte auf die Rückruffunktion umzuleiten und zurückzugeben:


Im obigen Code -Snippet:

  • Erstellen Sie zunächst eine Taste mit einem angehängten “ONCLICK”Ereignisumleitung für die Funktion namens MyFunction () mit den angegebenen Werten bzw. die Rückruffunktion MyDisplay () als (Hauptfunktion) Argumente.
  • Definieren Sie im JS -Code eine Funktion namens “myfunction ()Mit den angegebenen Parametern.
  • Geben Sie in der Funktionsdefinition die Summe der Werte in der Rückruffunktion als Argument zurück.
  • Definieren Sie schließlich die mit dem Namen "Callback -Funktion benannte Rückruffunktion"myDisplay ()”Und zeigen die resultierende Summe im Alarmdialogfeld an.

Ausgang

Wie offensichtlich wurde der resultierende Summenwert als Alarm auf der Schaltfläche Klicken angezeigt.

Abschluss

Der "href”Attribut gibt die URL der aktuellen Seite und die“ anONCLICKEreignis leitet zu einer JavaScript -Funktion um. Diese Ansätze können verwendet werden, um zur Funktion umzuleiten, die Rückruffunktion zu sammeln und die entsprechende Nachricht bzw. die resultierende Summe anzuzeigen. Diese Beschreibung veranschaulicht die Unterschiede zwischen den Funktionen von HREF und Onclick für die Rückruffunktion auf Hyperlink in JavaScript.