JavaScript ist bei weitem die beliebteste Skriptsprache für Webseiten und der De-facto-Standard für das Web. Bis heute wurde eine Vielzahl von JavaScript-Skripten erstellt, von denen die meisten kostenlos und kostenlos sind. Dadurch kann jeder Webmaster ein Skript finden, das seinen aktuellen Bedürfnissen entspricht. Und er muss nur wissen, wie man ein Java-Script mit einer Webseite verbindet.
Notwendig
die Möglichkeit, den Dokumentcode zu bearbeiten
Anweisungen
Schritt 1
Fügen Sie ein Skript aus einer externen Quelle, adressiert durch einen bekannten URI, in das Dokument ein. Verwenden Sie das SCRIPT-HTML-Element mit dem angegebenen src-Attributwert. Bearbeiten Sie das Dokument, indem Sie eine Konstruktion des Formulars hinzufügen:
Hier muss der Wert von script_URI ein URI sein, der die Ressource identifiziert, von der die Skriptdaten geladen werden.
Die Zeichenkodierung des Skripts sollte als Wert des charset-Attributs angegeben werden, wenn sie von der Zeichenkodierung des Dokuments abweicht. Die Codierung des Dokuments wird anhand der Daten im Feld Content-Type des HTTP-Response-Headers des Servers oder des Werts des content-Attributs des META-Elements mit dem auf Content-Type gesetzten http-equiv-Attribut bestimmt.
Das Verbinden von Skripten auf diese Weise erfolgt oft im Dokumentkopf (SCRIPT-Elemente befinden sich innerhalb des HEAD-Elements) und ihre sofortige Ausführung ist nicht erforderlich. In diesem Fall ist es sinnvoll, das Attribut defer zur verzögerten Interpretation des Skripttextes zu verwenden.
Schritt 2
Binden Sie das Skript ein, indem Sie es direkt in das Dokument einbetten. Fügen Sie Ihrem Dokument-Markup mit JavaScript-Inhalt ein SCRIPT-Element hinzu. Verwenden Sie eine Konstruktion wie:
// Skriptcodetext
// Skriptcodetext
// Skriptcodetext
Achten Sie auf die HTML-Kommentare rund um den Skriptcode. Sie sind für die Kompatibilität mit älteren Browsermodellen erforderlich.
Schritt 3
Fügen Sie das Skript ein, indem Sie "javascript:" als Protokolldeskriptor-URI des Zielankers von Element A angeben. Erstellen Sie einen Link im Dokument mit dem Wert des href-Attributs des Formulars:
Javascript:
Hier sollte der Wert ein berechneter Ausdruck in JavaScript sein. In diesem Fall können mehrere Sätze der Sprache mit Operatorklammern zu einem Ausdruck zusammengefasst werden, zum Beispiel:
Text
Wenn ein solcher Link auf irgendeine Weise aktiviert wird (Benutzer oder Programm), wird der eingebettete Skriptcode ausgeführt.
Schritt 4
Fügen Sie Ihrem Dokument Skripts als Code für Inline-Element-Ereignishandler hinzu. Definieren Sie dazu eingebaute Handler für die gewünschten Ereignisse der ausgewählten Elemente, indem Sie diesen Elementen entsprechende Attribute hinzufügen. Geben Sie JavaScript-Snippets für Attributwerte ein. Sie können beispielsweise Code als Handler für das Einzelklick-Ereignis für ein DIV-Element wie folgt hinzufügen:
Elementinhalt
Eine Liste der Elementereignisse, die von konformen Benutzeragenten unterstützt werden müssen, finden Sie im Abschnitt Ereignisse der Level 2 und 3 DOM Specification (DOM2 und DOM3) auf der W3C-Website w3c.org.
