In diesem Artikel werden hauptsächlich vier Methoden zum Einbetten von clientseitigem JavaScript-Code in HTML-Dokumente vorgestellt. Interessierte Freunde können wie folgt darauf verweisen:
JavaScript in HTML einbetten
Es gibt 4 Möglichkeiten, clientseitigen JavaScript-Code in HTML-Dokumente einzubetten:
1. Inline einbetten, zwischen
Wenn Sie ein Skript mithilfe des src-Attributs in eine Seite einbinden, geben Sie dem Skript die volle Kontrolle über die Webseite.3 – Event-Handler in HTML
Wenn die HTML-Datei, in der sich das Skript befindet, in den Browser geladen wird, wird der JavaScript-Code in diesem Skript nur einmal ausgeführt . JavaScript-Code kann Ereignishandler registrieren, indem er Funktionen den Eigenschaften des Elementobjekts zuweist. Dieses Elementobjekt stellt ein HTML-Element im Dokument dar. Zum Beispiel:Code kopieren Der Code lautet wie folgt:
<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">
4 – JavaScript in der URL
gefolgt von einem Javascript:-Protokollqualifikationsmerkmal in der URL ist eine weitere Möglichkeit, JavaScript-Code in den Client einzubetten. Dieser spezielle Protokolltyp gibt an, dass der URL-Inhalt eine beliebige Zeichenfolge ist, bei der es sich um JavaScript-Code handelt, der vom JavaScript-Interpreter ausgeführt wird. Es wird als separate Codezeile behandelt, was bedeutet, dass Anweisungen durch Semikolons getrennt werden müssen und Kommentare durch /**/-Kommentare ersetzt werden müssen. Die durch javascript:URL identifizierbare Ressource ist der in einen String umgewandelte Rückgabewert des ausgeführten Codes. Wenn der Code undefiniert zurückgibt, hat die Ressource keinen Inhalt.Javascript: URL kann überall dort verwendet werden, wo eine reguläre URL verwendet werden kann: z. B. das href-Attribut des -Tags, das Aktionsattribut von
Die JavaScript-URL im Hyperlink kann wie folgt aussehen:<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow" > What time is it? </a>
Das obige ist der detaillierte Inhalt vonVier Möglichkeiten zum Einbetten von JavaScript in HTML-Dokumente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!