Wie Sie JavaScript in HTML einfügen
Eine HTML-Seite ohne JavaScript ist wie einen Fernseher ohne Steuerelemente. Beide Inhalte anzeigen, aber Sie können nicht viel mit ihnen. JavaScript ist eine Programmiersprache, mit dem Entwickler Webseiten visuelle Effekte hinzufügen und interaktiv zu machen. JavaScript-Einfachheit macht es eine ideale Entwicklungstool für Anfänger-Web-Programmierer. Fügen Sie JavaScript auf Ihre Web-Seite, direkt in der Seite HTML einfügen oder durch einen Verweis auf eine externe JavaScript-Datei.
Anweisungen
1 Klicken Sie auf "Start", und geben Sie "Notepad". Drücken Sie "Enter." Editor wird geöffnet. Fügen Sie diesen Text in die Datei:
< Skript-Typ = "Text/Javascript" >< / script >
2 Drücken Sie "STRG + S", um das Fenster "Speichern unter" zu öffnen. Navigieren Sie zum Ordner "Desktop", und klicken Sie auf "Neuer Ordner" am oberen Rand des Fensters. Geben Sie "Test_HTML_JavaScript1", benennen Sie den Ordner.
3 Doppelklicken Sie auf den Ordner, um ihn zu öffnen. Geben Sie im Textfeld "Dateiname" "ExternalJavaScript.js", und klicken Sie auf "Speichern." Editor speichert die Datei als eine JavaScript-Datei im Ordner "Test_HTML_JavaScript1".
4 Fügen Sie den folgenden Code in das Dokument:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html Xmlns = "als http://www.w3.org/1999/xhtml" >
< Head >
< Title > JavaScript Test < / title >
< / head >
< Körper >
< H1 > Test hinzufügen JavaScript in HTML < / h1 >
< / body >
< / html >
Dadurch entsteht ein HTML-Dokument mit einer Überschrift.
5 Fügen Sie diesen Text nach "< Title >"-Tag:
< Skript-Typ = "Text/Javascript" >< / script >
Diese Anweisung fügt einen Verweis auf die externe JavaScript-Datei. Ein Browser führt den Code in der Datei beim Laden der Web-Seite.
6 Dieser Codeblock nach dem vorherigen Code einfügen:
< Skript-Typ = "Text/Javascript" >
var x = 1;
var y = 2;
var sum = x + y;
var message = "The sum of X and Y is " + sum;
alert(message);
< / script >
Dies erstellt einen Inline-Block von JavaScript-Code. Der Code fügt zwei Zahlen und zeigt die Summe, wenn der Browser lädt.
7 Klicken Sie auf "Datei", und wählen Sie "Speichern unter" um das Fenster "Speichern unter" öffnen. Geben Sie im Textfeld "Dateiname" "Test_HTML_JavaScript.html", und klicken Sie auf "Speichern." Editor wird die Datei als HTML-Dokument in demselben Ordner wie die externe JavaScript-Datei speichern.
8 Navigieren Sie auf Ihrem Desktop, und suchen Sie den Ordner "Test_HTML_JavaScript1". Doppelklicken Sie darauf, um es zu öffnen.
9 Doppelklicken Sie auf "Test_HTML_JavaScript.html." Ihr Browser wird geöffnet und zeigt eine Warnmeldung aus der externen JavaScript-Datei und eine weitere Meldung Warnung aus der Inline-JavaScript-Code.
Tipps & Warnungen
- Fügen Sie beliebig viele externe JavaScript-Links, wie Sie benötigen. Jeder externer Link erstellt einen Aufruf an den Webserver weitergeleitet. Zählen Sie möglichst wenige externe Links wie möglich um die Ladezeit zu minimieren. Sie können auch einen "< Script >" Inline-Block überall im "< >" Textabschnitt eines HTML-Dokuments platzieren. Jedoch legen die meisten Entwickler Sie sie in "< Head >"-Abschnitt des Dokuments.