Ausführliche Erläuterung der Kombination von JavaScript und HTML-HTML-Tutorial-php.cn

In diesem Artikel wird hauptsächlich die Methode zum Kombinieren von JavaScript und HTML vorgestellt. Der Inhalt ist sehr detailliert.

HTML Das JavaScript-Skript müssen zwischen den Tags platziert werden. Dies hängt im Allgemeinen von der Situation ab -Tag. 1. -Tag Wenn Sie ein JavaScript-Skript in eine HTML-Seite einfügen müssen, verwenden Sie bitte das und teilen JavaScript mit, wo es beginnen und enden soll. Die Codezeile zwischen und enthält JavaScript:

alert("欢迎来到JavaScript世界！！！"); Nach dem Login kopieren Sie müssen den obigen Code nicht verstehen. Verstehen Sie einfach, dass Browser das JavaScript zwischen interpretieren und ausführen. Diese älteren -Instanzen verwenden möglicherweise type="text/javascript" im Dies ist nicht mehr notwendig. JavaScript ist die Standard-Skriptsprache in allen modernen Browsern sowie HTML5. Für diejenigen, die gerade die JavaScript-Sprache gelernt haben, können Sie sie verwenden! 2. JavaScript in In diesem Beispiel schreibt JavaScript Text in den , wenn die Seite geladen wird: Beispielcode:

JavaScript脚本语言 > JavaScript 能够直接写入 HTML 输出流中：

document.write(" This is a heading "); document.write(" This is a paragraph.

"); 您只能在 HTML 输出流中使用 document.write 。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

Nach dem Login kopieren Es ist uns egal, wie man den JavaScript-Code schreibt und ausführt, schauen wir uns zuerst die laufenden Ergebnisse an:

3 und Ereignisse Die JavaScript-Anweisung im obigen Beispiel wird ausgeführt, wenn die Seite geladen wird. Oft müssen wir Code ausführen, wenn ein Ereignis eintritt, beispielsweise wenn der Benutzer auf eine Schaltfläche klickt. Wenn wir den JavaScript-Code in eine Funktion einfügen, können wir diese Funktion aufrufen, wenn ein Ereignis eintritt.

4. JavaScript in Sie können eine unbegrenzte Anzahl von Skripten in das HTML-Dokument einfügen. Skripte können sich in den Abschnitten oder in beiden -Abschnitten befinden. Eine gängige Vorgehensweise besteht darin, Funktionen im Abschnitt einzufügen. Auf diese Weise können sie an derselben Stelle platziert werden, ohne den Inhalt der Seite zu beeinträchtigen.

5. JavaScript-Funktion in Diese Funktion wird aufgerufen, wenn auf die Schaltfläche geklickt wird: Beispielcode: JavaScript脚本语言 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } My Web Page A Paragraph.

点击这里 Nach dem Login kopieren Das Ergebnis der Operation ist:

Der Effekt nach dem Klicken Die Schaltfläche lautet:

6. JavaScript-Funktion in der HTML-Seitenabschnitt ;body> Diese Funktion wird aufgerufen, wenn auf die Schaltfläche geklickt wird: Beispielcode: JavaScript脚本语言 My First Web Page A Paragraph.

点击这里 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } Nach dem Login kopieren Das Ergebnis der Operation ist das gleiche wie das Ergebnis der oben genannten fünf!

Tipp: Wir fügen das JavaScript am Ende des Seitencodes ein, damit wir sicherstellen können, dass das Skript ausgeführt wird, nachdem das -Element erstellt wurde. 7. Externes JavaScript Wir können das Skript auch in einer externen Datei speichern. Externe Dateien enthalten häufig Code, der von mehreren Webseiten verwendet wird. Die Dateierweiterung für externe JavaScript-Dateien ist .js. Wenn Sie eine externe Datei verwenden müssen, legen Sie bitte die .js-Datei im „src“-Attribut des fest. Wenn eine große Menge JavaScript-Code vorhanden ist, empfehlen wir die Verwendung der externen JavaScript-Methode. Im Allgemeinen verwenden wir auch eine separate Möglichkeit, eine Verbindung zum HTML-Dokument herzustellen. Beispiel HTML-Code: JavaScript脚本语言 My Web Page A Paragraph.

点击这里 注释： myFunction 保存在名为 "myScript.js" 的外部文件中。

Nach dem Login kopieren myScript.js-Code: function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } Nach dem Login kopieren Das laufende Ergebnis stimmt mit dem oben Gesagten überein! Tipps:

Es ist möglich, Skriptdateien in zu referenzieren. Der tatsächliche Ausführungseffekt ist genau derselbe wie beim Schreiben des Skripts im -Tag. Externe Skripte dürfen keine -Tags enthalten. Das Obige ist die Methode zur Kombination von JavaScript und HTML. Ich hoffe, dass sie für das Lernen aller hilfreich sein wird. Verwandte Empfehlungen:

Der Unterschied zwischen HTML- und JavaScript-Links

Einführung, wie JavaScript und HTML5 kreisförmige Zeichenmuster auf der Leinwand implementieren

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

Ausführliche Erläuterung der Kombination von JavaScript und HTML