Heim >Web-Frontend >js-Tutorial >Besprechen Sie, ob es einen Zusammenhang zwischen der Speicherung der JavaScript-Tag-Position und seinen function_javascript-Fähigkeiten gibt
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.