Wo kann man den JavaScript -Code platzieren?
Normalerweise wird JavaScript -Code mit HTML -Code verwendet, und JavaScript -Code kann überall in einem HTML -Dokument platziert werden. Der Ort, an dem es platziert wird, hat jedoch einen gewissen Einfluss auf die normale Ausführung des JavaScript -Code, wie nachstehend beschrieben.
Zwischen <kopf> </head> platziert
Es ist üblich, den JavaScript -Code zwischen <head> </head> Tags in HTML -Dokumenten zu platzieren. Da HTML -Dokumente vom Browser von oben nach unten geladen werden, stellt das Platzieren von JavaScript -Code zwischen den <kopf> </head> -Tags sicher, dass er geladen wurde, bevor Sie das Skript verwenden müssen:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<script type = "text/javaScript">
...
JavaScript -Code
...
</script>
</head>
....
Zwischen <body> </body> platziert
Es gibt auch einige Fälle, in denen der JavaScript -Code zwischen <body> </body> platziert wird. Stellen Sie sich die folgende Situation vor: Wir haben ein Stück JavaScript -Code, das HTML -Elemente manipulieren muss. Da das HTML -Dokument jedoch vom Browser von oben nach unten geladen wird, wird das HTML -Element nicht geladen und ein Fehler (das Objekt existiert nicht) durch den JavaScript -Code bei der Manipulation von HTML -Elementen. Daher muss dieser Code hinter dem HTML -Element geschrieben werden. Das Beispiel lautet wie folgt:
Die Codekopie lautet wie folgt:
<html>
<kopf>
</head>
<body>
</body>
<div id = "div1"> </div>
<script type = "text/javaScript">
document.getElementById ("div1"). innerHtml = "Testtext";
</script>
</html>
Normalerweise wird unser Betrieb von Seitenelementen normalerweise von Ereignissen angetrieben, sodass diese Situation selten ist. Darüber hinaus empfehlen wir nicht, JavaScript -Code außerhalb <html> </html> zu schreiben.
Hinweis
Wenn das HTML -Dokument als XHTML deklariert wird, muss das <script> </script> -Tag im CDATA -Abschnitt deklariert werden. Andernfalls wird XHTML das <script> </script> -Tag in ein anderes XML -Tag analysiert, und der JavaScript -Code innen wird möglicherweise nicht normal ausgeführt. Daher sollte die Verwendung von JavaScript in strengen XHTML wie das folgende Beispiel deklariert werden:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<script type = "text/javaScript">
<! [CDATA [
JavaScript -Code
]]>
</script>
</head>
....
Die obigen zwei Möglichkeiten, JavaScript -Code in HTML -Dokumente zu schreiben, sind beide Möglichkeiten, um den JavaScript -Code im HTML -Dokument zu verweisen. Zusätzlich zu internen Referenzen können auch externe Referenzen verwendet werden.
Externer Verweis auf JavaScript -Code
Erstellen Sie JavaScript -Code (ausgenommen <Script> </script> Tags) ein separates Dokument, das mit einem JS -Suffix wie MyScript.js benannt ist, und verwenden Sie das SRC -Attribut im HTML -Dokument <Script> </script>, um die Datei zu referenzieren:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<script type = "text/javaScript" src = "myscript.js"> </script>
</head>
....
Die Vorteile sind offensichtlich, nachdem der externe referenzierte JavaScript -Code verwendet wurde:
1. Vermeiden Sie die Verwendung von <!-... //-> im JavaScript-Code
2. Vermeiden Sie die Verwendung von hässlichen CDATAs
3.. Der öffentliche JavaScript -Code kann in anderen HTML -Dokumenten repliziert werden, was auch für die einheitliche Wartung des JavaScript -Codes förderlich ist.
4. Das HTML -Dokument ist kleiner, was der Suchmaschinensammlung förderlich ist
5. Kann eine einzelne JavaScript -Datei komprimieren und verschlüsseln
6. Der Browser kann JavaScript -Dateien zwischenspeichern, um die Breitbandnutzung zu reduzieren (wenn mehrere Seiten gleichzeitig eine JavaScript -Datei verwenden, muss er normalerweise nur einmal heruntergeladen werden).
7. Vermeiden Sie die Verwendung komplexer HTML -Entitäten wie Dokument.Write (2> 1) kann direkt verwendet werden, ohne das Dokument zu schreiben.
Durch die Bildung von JavaScript -Code in externe Dateien wird auch die Belastung durch HTTP -Anforderungen auf dem Server erhöht. In einer Umgebung mit super hohen Anfragen ist dies keine gute Strategie. Wenn Sie sich auf externe JS -Dateien beziehen, müssen Sie außerdem auf den richtigen Pfad der Datei achten.