suchen

Heim  >  Artikel  >  Web-Frontend  >  Wo soll JavaScript-Code im HTML-Code platziert werden? _Javascript-Kenntnisse

Wo soll JavaScript-Code im HTML-Code platziert werden? _Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:33:491182Durchsuche

Wo soll JavaScript-Code platziert 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.

platziert zwischen

Es ist üblich, JavaScript-Code zwischen den -Tags in einem HTML-Dokument zu platzieren. Da HTML-Dokumente vom Browser von oben nach unten geladen werden, stellt die Platzierung von JavaScript-Code zwischen den -Tags sicher, dass er geladen wurde, bevor das Skript verwendet werden muss:

Code kopieren Der Code lautet wie folgt:





....

platziert zwischen

Es gibt auch einige Fälle, in denen JavaScript-Code zwischen 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 Das später in das HTML-Element geschriebene Beispiel lautet wie folgt:

Code kopieren Der Code lautet wie folgt:









Aber normalerweise werden unsere Vorgänge an Seitenelementen im Allgemeinen durch Ereignisse gesteuert, sodass die obige Situation selten vorkommt. Darüber hinaus empfehlen wir nicht, JavaScript-Code außerhalb von zu schreiben.

Tipps

Wenn das HTML-Dokument als XHTML deklariert ist, muss das <script></script>-Tag im CDATA-Abschnitt deklariert werden, andernfalls analysiert XHTML das <script></script>-Tag Innerhalb von JavaScript-Code wird möglicherweise nicht ordnungsgemäß ausgeführt. Daher sollte in striktem XHTML verwendetes JavaScript wie im folgenden Beispiel deklariert werden:

Code kopieren Der Code lautet wie folgt:





....

Die beiden oben genannten Möglichkeiten, JavaScript-Code in HTML-Dokumente zu schreiben, sind beide Möglichkeiten, JavaScript-Code innerhalb des HTML-Dokuments zu referenzieren. Neben internen Referenzen können auch externe Referenzen verwendet werden.

Externer Referenz-JavaScript-Code

Formulieren Sie den JavaScript-Code (mit Ausnahme des Tags <script></script>) in einem separaten Dokument, benennen Sie ihn mit einem js-Suffix, z. B. myscript.js, und platzieren Sie ihn im HTML-Dokument<script>< /script>-Tag Verwenden Sie das src-Attribut, um auf die Datei zu verweisen: <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="69237" class="copybut" id="copybut69237" onclick="doCopy('code69237')"><u>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code69237"> <br> <html><br> <Kopf><br> <script type="text/javascript" src="myscript.js"></script>

....

Nach der Verwendung von extern referenziertem JavaScript-Code liegen die Vorteile auf der Hand:
1. Vermeiden Sie die Verwendung von
im JavaScript-Code 2. Vermeiden Sie die Verwendung hässlicher CDATA
3. Öffentlicher JavaScript-Code kann in anderen HTML-Dokumenten wiederverwendet werden, was auch die einheitliche Wartung von JavaScript-Code erleichtert
4.HTML-Dokumente sind kleiner, was für Suchmaschinen einfacher einzubinden ist
5. Kann eine einzelne JavaScript-Datei komprimieren und verschlüsseln
6. Der Browser kann JavaScript-Dateien zwischenspeichern, um die Bandbreitennutzung zu reduzieren (wenn mehrere Seiten gleichzeitig eine JavaScript-Datei verwenden, muss sie normalerweise 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)

zu schreiben

Das Umwandeln von JavaScript-Code in externe Dateien erhöht auch die Belastung des Servers durch HTTP-Anfragen. Dies ist in einer Umgebung mit extrem vielen gleichzeitigen Anfragen keine gute Strategie. Darüber hinaus müssen Sie beim Verweisen auf externe js-Dateien auf den korrekten Pfad der Datei achten.

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
Vorheriger Artikel：Beispiele für die Verwendung von JavaScript-Code in HTML-Code_Javascript-TippsNächster Artikel：Beispiele für die Verwendung von JavaScript-Code in HTML-Code_Javascript-Tipps

In Verbindung stehende Artikel

Mehr sehen