Heim  >  Artikel  >  Web-Frontend  >  Wo soll Javascript-Code eingefügt werden?

Wo soll Javascript-Code eingefügt werden?

青灯夜游
青灯夜游Original
2021-06-11 17:57:074707Durchsuche

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.

Wo soll Javascript-Code eingefügt werden?

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)

JavaScript-Code in eine externe Datei zu schreiben erhöht auch die Belastung des Servers durch HTTP-Anfragen. In dieser Umgebung ist dies keine gute Strategie. Darüber hinaus müssen Sie beim Verweisen auf externe js-Dateien auf den korrekten Pfad der Datei achten.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn