Wie funktioniert Inline JavaScript mit HTML? ?

Wie funktioniert Inline JavaScript mit HTML? ?
Der Inline JavaScript repräsentiert den Code, der zwischen dem geschrieben wurde Tags in der .html Datei. Darüber hinaus hat JavaScript die Fähigkeit, Daten auf den Server aufzurufen und zu treiben. Daher bietet es DOM-Manipulation durch die Verwendung verschiedener integrierter Funktionen. Für diesen Zweck, Inline JavaScript ist nützlich, um die Komplexität durch die Verwendung einer Reihe von JavaScript -Dateien in einem Programm zu verringern. Es ist Best Practice für Demonstrationszwecke, damit Entwickler nicht zwischen JavaScript -Dateien wechseln müssen.

In diesem Beitrag verstehen Benutzer, wie Inline JavaScript mit HTML funktioniert. Die Ergebnisse dieses Beitrags sind:

  • Wie Inline JavaScript in HTML funktioniert?
  • So fügen Sie Inline -JavaScript mit HTML hinzu?

Wie Inline JavaScript in HTML funktioniert?

Der Browser interpretiert den Code als JavaScript, indem er zwischen dem Schreiben ist Stichworte. Ansonsten wird es als einfacher Text behandelt. Der Tag kann eine externe Skriptdatei durch die Nutzung des src Attribut. Der Vorteil der Verwendung von Inline JavaScript in Html Dateien sollen die Roundreise des Webbrowsers auf den Server reduzieren. Darüber hinaus wird ein zusätzlicher Aufruf einer JavaScript -Datei unter Verwendung des JavaScript -Code in der Html Datei. Die folgende Syntax bezieht sich auf die Verwendung des Inline -JavaScript mit HTML:

Syntax

Das Tag von Tags und der JavaScript -Code in den Tags ist der primäre Identifikationsfaktor von Inline JavaScript.

So fügen Sie Inline -JavaScript mit HTML hinzu?

Bisher haben Sie die grundlegenden Informationen über Inline JavaScript gelernt. Hier werden wir praktisch zeigen, wie ein Inline -JavaScript hinzugefügt werden kann. Gehen wir zu den Beispielen:

Beispiel 1: Zeigen Sie eine Nachricht mit in der HTML -Datei an

Ein Beispiel ist angepasst, um eine Nachricht innerhalb anzuzeigen Tags im HTML -Dokument.

Code




Beispiel für die Verwendung von JavaScript -Code in der HTML -Datei






In diesem Beispiel die dokumentieren.schreiben() Die Methode wird verwendet, um die Nachricht zu präsentieren “Willkommen bei JavaScript”.

Ausgang

Das Ergebnis des Codes zeigt die Nachricht an “Willkommen in JavaScript World”Im Browserfenster.

Beispiel 2: Verwenden eines Warnkästchens, um eine Nachricht zu präsentieren

Hier wird ein Beispiel erklärt, in dem eine Methode verwendet wird, um eine Meldung in einem Warnfeld anzuzeigen.

Code


Ein weiteres Beispiel für die Verwendung von JavaScript -Code in der HTML -Datei




Bitte drücken Sie es, um ein Fenster aufzunehmen



Die Beschreibung des Codes ist unten aufgeführt:

  • Der Code beginnt mit dem Tag, gefolgt von einigen HTML -Elementen.
  • Danach a disp () Die Methode wird definiert, um eine Warnkiste innerhalb der Schild.
  • Im Alarmbox eine Nachricht "Willkommen in JavaScript World" wird angezeigt.

Ausgang

Das Ergebnis gibt einen Link zurück, der als angegeben wird "Bitte drücken Sie es, um ein Fenster aufzunehmen." im Browser.

Nach dem Drücken des Linkes wird ein neues Popup erstellt, das die Nachricht anzeigtWillkommen bei JavaScript”.

Bitte schön! Sie haben das Konzept des Inline -JavaScript und seiner Anwendung gelernt.

Abschluss

Inline JavaScript wird mit Hilfe des Tags in einem HTML -Dokument hinzugefügt. Inline JavaScript reduziert die Anfragen, die von der Webseite erstellt werden. Dieser Artikel enthält ein Detail über die Arbeit von Inline JavaScript mit HTML. Das Inline -JavaScript ist leicht zu integrieren in weniger Komplexitätsprobleme. Im Falle eines großen/komplexen JavaScript wird empfohlen, externes JavaScript zu berücksichtigen, da das Inline -JavaScript die Lesbarkeit/Wiederverwendbarkeit des Gesamtcodes beeinflusst.