Comanda de executare JavaScript

Proiectarea paginii dvs. web folosind JavaScript necesită atenție la ordinea în care apare codul dvs. și dacă încapsulați codul în funcții sau obiecte, toate acestea afectând ordinea în care se execută codul.. 

Locația JavaScript pe pagina dvs. web

Întrucât JavaScript de pe pagina dvs. se execută pe baza anumitor factori, să luăm în considerare unde și cum să adăugați JavaScript pe o pagină web. 

În principiu, există trei locații în care putem atașa JavaScript:

• Direct în capul paginii
• Direct în corpul paginii
• De la un manager / ascultător de evenimente

Nu face nicio diferență dacă JavaScript se află în pagina web în sine sau în fișiere externe legate la pagină. De asemenea, nu contează dacă gestionatorii de evenimente sunt codați în pagină sau adăugați de JavaScript în sine (cu excepția faptului că nu pot fi declanșați înainte de a fi adăugați).

Cod direct pe pagină

Ce înseamnă să spui că JavaScript este direct în capul sau corpul paginii? Dacă codul nu este inclus într-o funcție sau obiect, acesta este direct în pagină. În acest caz, codul rulează secvențial de îndată ce fișierul care conține codul s-a încărcat suficient pentru a fi accesat..

Codul care se află în cadrul unei funcții sau obiect este rulat numai atunci când funcția sau obiectul este apelat.

Practic, acest lucru înseamnă că orice cod din interiorul capului și corpului paginii dvs. care nu se află în interiorul unei funcții sau obiect va rula pe măsură ce pagina se încarcă - imediat ce pagina a încărcat suficient pentru a accesa codul respectiv.

Acest ultim bit este important și are impact asupra ordinii în care plasați codul dvs. pe pagină: trebuie să apară orice cod plasat direct în pagina care trebuie să interacționeze cu elemente din pagină. după elementele din pagina de care este dependentă.

În general, acest lucru înseamnă că, dacă utilizați codul direct pentru a interacționa cu conținutul paginii dvs., acest cod trebuie plasat în partea de jos a corpului.

Cod în funcții și obiecte

Un cod din funcții sau obiecte este rulat ori de câte ori este apelată funcția sau obiectul respectiv. Dacă este apelat de la un cod care se află direct în capul sau corpul paginii, atunci locul său în ordinea de execuție este efectiv punctul la care funcția sau obiectul sunt apelate din codul direct.

Cod atribuit gestionarilor și ascultătorilor de evenimente

Alocarea unei funcții unui manager sau a unui ascultător de evenimente nu duce la executarea funcției în punctul în care este atribuită - cu condiția să fiți efectiv atribuire funcția în sine și nu alearga funcția și atribuirea valorii returnate. (Acesta este motivul pentru care nu vezi în general () la sfârșitul numelui funcției atunci când este alocat unui eveniment, deoarece adăugarea parantezelor rulează funcția și atribuie valoarea returnată, mai degrabă decât atribuirea funcției în sine.)

Funcțiile care sunt atașate gestionarilor de evenimente și ascultătorilor se execută atunci când se declanșează evenimentul la care sunt atașate. Majoritatea evenimentelor sunt declanșate de vizitatorii care interacționează cu pagina ta. Există totuși unele excepții, cum ar fi: sarcină eveniment în fereastra în sine, care este declanșat atunci când pagina se termină de încărcare.

Funcții atașate la evenimente pe elementele de pagină