Der Hauptweg, um dynamische Effekte auf Webseiten zu erzeugen, ist die Verwendung von clientseitigen Skripten. Sie sind Codeteile, die von der Skript-Engine der Anwendung interpretiert werden, die das Dokument anzeigt. JavaScript ist eine beliebte Programmiersprache, die für die Skripterstellung verwendet wird. Damit das Skript ausgeführt werden kann, muss es irgendwie in das Dokument eingefügt werden.
Es ist notwendig
- - Skriptcode;
- - Quelldokument;
- - Texteditor.
Anleitung
Schritt 1
Bestimmen Sie die beste Methode zum Einfügen des Skripts. Wenn davon ausgegangen wird, dass dasselbe Skript in verschiedenen Dokumenten verwendet wird, ist es sinnvoll, es in eine externe Datei zu verschieben und von dort aus zu verbinden. Andernfalls lohnt es sich, den Skripttext in den Hauptteil der Seite einzubetten. Wenn das Skript groß ist, lohnt es sich, es in einem separaten Block im Dokument zu platzieren. Wenn der Programmcode klein ist und eine Reaktion auf ein beliebiges Ereignis implementiert, ist es zulässig, ihn in einem Attribut zu platzieren, das den eingebauten Event-Handler eines Elements oder das href-Attribut eines Links definiert.
Schritt 2
Fügen Sie das Skript aus einer externen Quelle ein. Fügen Sie dem Dokumenthauptteil oder dem HEAD-Abschnitt ein SCRIPT-Element mit den angegebenen src- und type-Attributen hinzu. Sie können es zum Beispiel so machen: Der Wert des src-Attributs muss ein URI sein, der auf die Ressource zeigt, von der der Skripttext geladen wird. Das charset-Attribut ist optional. Es gibt die Kodierung des Skripttextes an. Wird er jedoch weggelassen, wird der Kodierungswert als Kodierungswert des Dokuments verwendet, in das das Skript eingefügt wird.
Schritt 3
Fügen Sie das Skript in den Text der Seite ein. Verwenden Sie ein SCRIPT-Element mit Skripttext darin. Es könnte zum Beispiel so aussehen:
alert ("Das Skript funktioniert!");
Für die Kompatibilität mit älteren Browsern sind HTML-Kommentare erforderlich, die den Code einschließen. Sie können XML-Kommentare in XHTML-Dokumenten verwenden.
Schritt 4
Fügen Sie Javascript-Code in Inline-Ereignishandler ein. Suchen Sie das Element im Dokument, dessen Ereignis Sie behandeln möchten. Fügen Sie ein Attribut hinzu, das den entsprechenden Handler definiert. Zum Beispiel ist das Attribut, das den Handler für einen Mausklick auf ein Element angibt, onclick, der Handler für das Signal zum Verlust des Fokus ist onblur und der Tastenanschlag-Handler ist onkeydown.
Schritt 5
Geben Sie den Skriptcode als Text ein, der den Wert des hinzugefügten Attributs angibt. Um beispielsweise eine Meldung anzuzeigen, wenn mit der Maus auf ein DIV-Element geklickt wird, können Sie die folgende Konstruktion verwenden: Text Text Text Beachten Sie, dass Sie zum Definieren von String-Literalen im Inline-Element-Handler-Code eine andere Art von Anführungszeichen als diese verwenden müssen die den Wert des HTML-Attributs angeben …
Schritt 6
Fügen Sie das Skript zum href-Element des Links hinzu. Der href-Wert muss eine URL sein, deren Protokolldeskriptor "javascript:" ist, und der Adressteil ist ein berechneter Ausdruck. Beispiel: Linktext Wenn Sie mehrere Ausdrücke verwenden müssen, verwenden Sie einen Anweisungsblock, der durch die Klammern {und} definiert ist.
