Heim > Artikel > Web-Frontend > Wo soll Javascript-Code eingefügt werden?
Wo soll Javascript-Code eingefügt werden?
- 青灯夜游Original
- 2021-06-11 17:57:074697Durchsuche
Der Speicherort des Javascript-Codes: 1. Platzieren Sie ihn im Tag-Paar „93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1“, um sicherzustellen, dass der JS-Code geladen wurde, bevor das Skript verwendet werden muss das Tag „6c04bd5ca3fcae76e30b72ad730ca86d“ ;36cc49f0c466276486e50c850b7e4956“ ist zentriert; 3. Platzieren Sie es in einer externen Datei von „.js“ und leiten Sie es mit dem Skript-Tag ein.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Wo soll JavaScript-Code abgelegt werden?
Normalerweise wird JavaScript-Code zusammen mit HTML-Code verwendet und JavaScript-Code kann an einer beliebigen Stelle im HTML-Dokument platziert werden. Allerdings hat der Ort, an dem es platziert wird, einen gewissen Einfluss auf die normale Ausführung von JavaScript-Code, wie weiter unten beschrieben.
Platzieren Sie zwischen 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1
Es ist eine gängige Praxis, JavaScript-Code zwischen den 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1-Tags zu platzieren. Da HTML-Dokumente vom Browser von oben nach unten geladen werden, stellt die Platzierung von JavaScript-Code zwischen den 93f0f5c25f18dab9d176bd4f6de5d30e1c2d64d22e140650527ce93b24cbce3536cc49f0c466276486e50c850b7e4956
Es gibt auch einige Fälle, in denen JavaScript-Code zwischen 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 platziert wird. Stellen Sie sich die folgende Situation vor: Wir haben einen Teil des JavaScript-Codes, der mit HTML-Elementen arbeiten muss. Da das HTML-Dokument jedoch vom Browser nacheinander von oben nach unten geladen wird, ist dieser Code erforderlich, um zu verhindern, dass der JavaScript-Code das HTML-Element bedient und einen Fehler meldet (das Objekt existiert nicht), bevor das HTML-Element geladen wird Später sieht das Beispiel wie folgt aus:
<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>Aber normalerweise werden unsere Operationen an Seitenelementen im Allgemeinen durch Ereignisse gesteuert, daher ist die obige Situation selten. Darüber hinaus empfehlen wir nicht, JavaScript-Code außerhalb von 100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e zu schreiben.
Tipps
Wenn das HTML-Dokument als XHTML deklariert ist, muss das 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-Tag im CDATA-Abschnitt deklariert werden, andernfalls analysiert XHTML das 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-Tag in ein anderes XML-Tag einfügen, wird der darin enthaltene JavaScript-Code möglicherweise nicht ordnungsgemäß ausgeführt. Daher sollte die Verwendung von JavaScript in striktem XHTML wie im folgenden Beispiel deklariert werden:
<html> <head> <script type="text/javascript"> <![CDATA[ JavaScript 代码 ]]> </script> </head> ....
Die beiden oben genannten Möglichkeiten, JavaScript-Code in HTML-Dokumente zu schreiben, sind beide Möglichkeiten, auf JavaScript-Code innerhalb des HTML-Dokuments zu verweisen. Neben internen Referenzen können auch externe Referenzen verwendet werden.
Extern referenzierter JavaScript-Code (in einer externen Datei mit der Erweiterung „.js“ platziert)
Formulieren Sie den JavaScript-Code (mit Ausnahme des 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-Tags) in einem separaten Dokument und beenden Sie es mit js Benennen Sie die Datei mit einem Suffix, z. B. myscript.js, und verwenden Sie das src-Attribut im HTML-Dokument 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0, um auf die Datei zu verweisen:
<html> <head> <script type="text/javascript" src="myscript.js"></script> </head> ....
Nach der Verwendung von externem Referenz-JavaScript-Code ergeben sich die Vorteile sind offensichtlich:
1 .Vermeiden Sie die Verwendung in JavaScript-Code7abb30cfb0195b52eebaf7024287f82e
2.Vermeiden Sie die Verwendung hässlicher CDATA
3.Öffentlicher JavaScript-Code kann in anderen HTML-Dokumenten wiederverwendet werden, was auch der einheitlichen Wartung von JavaScript-Code förderlich ist
4.HTML Dokumente sind kleiner, was für Suchmaschinen von Vorteil 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 nur einmal heruntergeladen werden)
7. Vermeiden Sie die Verwendung komplexer HTML-Entitäten. Sie können beispielsweise document.write(2>1) direkt verwenden, ohne document.write(2<1)
Programmiervideos! !
Das obige ist der detaillierte Inhalt vonWo soll Javascript-Code eingefügt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!