Heim  >  Artikel  >  Web-Frontend  >  Besprechen Sie, ob es einen Zusammenhang zwischen der Speicherung der JavaScript-Tag-Position und seinen function_javascript-Fähigkeiten gibt

Besprechen Sie, ob es einen Zusammenhang zwischen der Speicherung der JavaScript-Tag-Position und seinen function_javascript-Fähigkeiten gibt

WBOY
WBOYOriginal
2016-05-16 15:19:51961Durchsuche

Auf einer Webseite können wir JavaScript-Code an einer beliebigen Stelle in der HTML-Datei platzieren, normalerweise wird er jedoch innerhalb des Head- oder Body-Tags platziert.

Im Allgemeinen hängt die Platzierung des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Elements eng mit seiner Funktion zusammen:

1. Platzieren Sie es im

Das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element wird im Kopf platziert, damit der Browser es am Anfang lesen kann. Das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element wird geladen und ausgeführt, wenn die gesamte Webseite zuerst analysiert wird nur zum b2386ffb911b14667cb8f0f91ea547a7

Analysieren Sie dann das Rendering nach unten.

Anwendung: Beispielsweise müssen js für die Initialisierung der Seitenanzeige im Kopf platziert werden.

2. Platzieren Sie es im Abschnitt 6c04bd5ca3fcae76e30b72ad730ca86d Der Browser analysiert die Seiten-Tags der Reihe nach und führt die Anweisung aus, wenn er den JavaScript-Code liest.


Einige JS-Funktionen werden jedoch über Ereignisse aufgerufen, sodass die Position, zu der sie auf der Seite platziert werden, keinen Einfluss auf die Zeit hat, zu der sie wirksam werden. Daher können Sie nach Berücksichtigung der Front-End-Leistungsprobleme die Funktionen platzieren, die nicht ausgeführt werden Zuerst wird der JS-Code für Ereignisaufrufe am unteren Rand des Körpers platziert.


Schreiben Sie es und schauen Sie es sich an:


<!DOCTYPE HTML>
<html>
<head>
<title>JS代码的位置</title>
<script type="text/javascript">
document.write("I'M HEAD javascript");
</script>
</head>
<body>
<script type="text/javascript">
document.write("I'M body javascript");
</script>
</body>
</html>
Aus dem oben Gesagten geht hervor, dass die Speicherung der Position des Javascript-Tags eng mit seiner Funktion zusammenhängt. Ich hoffe, dass dieser Artikel für alle hilfreich ist.
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