Inhalt
Webseiten können Codes in externen Dateien abfragen. Auf diese Weise können Entwickler JavaScript-Funktionen aufrufen, die in ".js" -Dateien gespeichert sind. Im Abschnitt "head" einer HTML-Webseite kann ein Link den Inhalt einer JavaScript-Datei importieren. Im Abschnitt "body" kann HTML-Markup Anweisungen für den Browser zum Aufrufen von Funktionen in allen auf der Seite enthaltenen JavaScript-Dateien enthalten. Webseiten rufen diese Funktionen häufig auf, wenn auf der Seite eine Interaktion mit dem Benutzer stattfindet.
Benutzerinteraktionen auf einer Seite lösen im Allgemeinen die Ausführung von Funktionen aus (Hemera Technologies / AbleStock.com / Getty Images)
Skript-Link
Um Funktionen in einer externen JavaScript-Datei verwenden zu können, muss eine Webseite einen Link zur Datei enthalten. Das folgende HTML-Markup-Beispiel veranschaulicht einen Link zu einer JavaScript-Datei, die im Abschnitt "head" von HTML aufgeführt ist:
Mit diesem Code kann die Seite Funktionen aus einer Datei namens "myfuncoes.js" verwenden, die im selben Verzeichnis wie die betreffende Seite gespeichert ist. Wenn sich die Adresse des Skripts an einem anderen Speicherort befindet, muss dieser Code den Speicherort im Attribut "src" angeben.Funktionsübersicht
Um eine JavaScript-Funktion aufzurufen, müssen Sie die Gliederung der Funktion kennen. Um dies zu überprüfen, können Sie die Funktion in Ihrer JavaScript-Datei finden und sich die erste Zeile ansehen. Das folgende JavaScript-Codebeispiel veranschaulicht die Skizze einer Funktion:
Funktion facaAlgoDeBom ()
Um diese Funktion aufzurufen, muss der JavaScript-Code in der Webseite den Namen der Funktion verwenden, wie in diesem Code-Snippet:
facaAlgoDeBom ();
Wenn dieser Code ausgeführt wird, wird der Inhalt der Funktion ausgeführt.
HTML-Auszeichnung
Um eine JavaScript-Funktion in HTML aufzurufen, müssen Programmierer entscheiden, wann sie ausgeführt werden sollen. Häufig werden Funktionen gegen eine Benutzerinteraktion mit einem HTML-Element ausgeführt. Diese Technik verwendet Ereignis-Listener, die Sie über Attribute mit HTML-Elementen verknüpfen können. Der folgende Code veranschaulicht, wie Sie eine JavaScript-Funktion angeben, die ausgeführt wird, wenn der Benutzer auf ein Element klickt:
Wenn der Benutzer auf diese Schaltfläche klickt, sucht der Browser die angegebene Funktion und führt sie dann aus.
Optionen
Entwickler müssen ihre Funktionsaufrufe an die Details der Funktionen anpassen. Einige Funktionen benötigen Parameter und einige Rückgabewerte, wenn sie die Ausführung abschließen. Im folgenden Beispiel wird ein Parameter verwendet und ein Wert zurückgegeben:
Funktion multipliziert (InitialNumber) {return InitialNumber * 5; }
Der folgende Auszug zeigt, wie Sie diese Funktion aufrufen und den Rückgabewert verwenden:
var result = multiplizieren (3); document.write (Ergebnis);
Der Code übergibt einen numerischen Wert an die Funktion und erhält einen anderen Rückgabewert. Es speichert den zurückgegebenen Wert in einer Variablen und verwendet diese Rückgabe dann in einem anderen Render.