So Betten Sie Ein Skript In HTML Ein

Inhaltsverzeichnis:

So Betten Sie Ein Skript In HTML Ein
So Betten Sie Ein Skript In HTML Ein

Video: So Betten Sie Ein Skript In HTML Ein

Video: So Betten Sie Ein Skript In HTML Ein
Video: JavaScript - Skript in HTML und Chrome DevTools 2024, Kann
Anonim

HTML ist eine Auszeichnungssprache für Webseiten, die für die Anzeige von grafischen und textuellen Elementen verantwortlich ist. Es kann auch verwendet werden, um in verschiedenen Programmiersprachen geschriebene Skripte anzuwenden. Ein spezielles Element wird verwendet, um ein Skript in HTML einzufügen.

So betten Sie ein Skript in HTML ein
So betten Sie ein Skript in HTML ein

Anleitung

Schritt 1

Der Code kann sowohl im Hauptteil des Dokuments als auch im Abschnitt in die Seite eingefügt werden. Sie können eine unbegrenzte Anzahl von Elementen verwenden, um aktive Inhalte hinzuzufügen. Die Hauptsache ist, dass die hinzugefügten Skripte die Anzeige des Hauptinhalts nicht beeinträchtigen. Um HTML-Code zu bearbeiten, öffnen Sie Ihre Seite in einem beliebigen Texteditor. Webmaster verwenden am häufigsten Programme, die Deskriptoren in ihrer Funktionalität hervorgehoben haben: Notepad ++, Web Development Studio, HTML Reader. Die erforderliche Datei kann auch mit der Standardanwendung Notepad des Windows-Betriebssystems geöffnet werden.

Schritt 2

Geben Sie im Texteditorfenster den HTML-Code ein. Um beispielsweise JavaScript in eine Seite einzufügen, verwenden Sie den folgenden Befehl:

Code zum Ausführen

Der angegebene Code wird beim Laden der Seite und innerhalb des Deskriptors ausgeführt. In diesem Fall teilt der Typparameter dem Handler mit, dass als nächstes die Programmiersprache JavaScript verwendet wird.

Schritt 3

Damit das Skript ein bestimmtes Ereignis verarbeiten kann, beispielsweise beim Drücken einer Schaltfläche, muss es in eine Funktion eingefügt werden. Geben Sie im Abschnitt den Skriptcode an:

Funktion displayDatum ()

{document.getElementById ("Durchführen").innerHTML = Datum (); }

Dieser JavaScript-Code ist dafür verantwortlich, die aktuelle Uhrzeit auf der Seite anzuzeigen, aber um sie auf dem Monitor anzuzeigen, müssen Sie einen zusätzlichen Befehl eingeben, um den während des Betriebs generierten Text zu verarbeiten.

Schritt 4

Erstellen Sie im Hauptteil des Dokuments mithilfe von HTML eine Schaltfläche, die für die Aktivierung des Elements verantwortlich ist:

Show Time

Dieser Code erstellt eine JavaScript-Handler-Schaltfläche. Nach dem Anklicken wird das Ergebnis des Skripts angezeigt.

Schritt 5

Um ein externes Skriptprogramm, das sich in einer bestimmten Datei befindet, in HTML einzubinden, müssen Sie den folgenden Code ausführen:

Nach der Ausführung wird das angegebene Skript namens file.js in die Seite aufgenommen. Es ist erwähnenswert, dass die externe Datei für eine erfolgreiche Hinzufügung keine Elemente enthalten darf.

Empfohlen: