Video: Technology Stacks - Computer Science for Business Leaders 2016 2024
De John Paul Mueller
JavaScript utilizează obiecte pe scară largă. Cunoașterea obiectelor de utilizat și a componentelor importante de lucru cu JavaScript. Prin cunoașterea browserului, a modelului Object Core Document (DOM) și a obiectelor DOM DOM, puteți construi o parte considerabilă a oricărei aplicații standard (și a numeroaselor aplicații simple). Acestea sunt cele mai frecvent utilizate obiecte JavaScript, deci păstrați-le la îndemână.
Cum se utilizează obiecte Browser JavaScript pentru a gestiona mediul de aplicații
Obiectele browserului JavaScript permit descoperirea și modificarea mediului de aplicație. Știind unde a plecat utilizatorul, unde este acum utilizatorul și unde poți să-l duci pe utilizator, poți controla efectiv fluxul aplicației. Desigur, este important să știți ce ecran de dimensiuni are utilizatorul, astfel încât să puteți prezenta datele într-o manieră care să reflecte fizicitatea dispozitivului utilizatorului.
Următorul tabel detaliază unele dintre cele mai interesante opțiuni de browser JavaScript.
| Obiect | Descriere |
|---|---|
| istoric | Oferă mijloace pentru examinarea și mutarea între URL-urile stocate
în istoricul browserului. Puteți vedea o listă completă a metodelor și a proprietăților asociate acestui obiect la www. W3Schools. com / jsref / obj_history. asp. |
| locație | conține informații despre adresa URL curentă. Acest obiect, de asemenea,
oferă mijloacele necesare pentru a efectua sarcini, cum ar fi încărcarea unei noi pagini sau reîncărcarea paginii . Puteți vedea o listă completă a metodelor și a proprietăților asociate acestui obiect la www. W3Schools. com / jsref / obj_location. asp. |
| Navigator | Conține informații despre browserul curent. De exemplu,
puteți determina tipul de browser și dacă browserul are activat cookie-urile . Puteți vedea o listă completă a metodelor și proprietățile asociate acestui obiect la www. W3Schools. com / jsref / obj_navigator. asp. |
| ecran | Specifică caracteristicile fizice ale dispozitivului utilizat pentru
afișarea paginii, inclusiv înălțimea paginii, lățimea și adâncimea de culoare. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / obj_screen. asp. |
| fereastră | Oferă acces la fereastra browserului astfel încât să puteți efectua
sarcini cum ar fi afișarea casetelor de mesaje. Când lucrați cu pagini care conțin cadre, browserul creează o fereastră pentru întregul document HTML și o altă fereastră pentru fiecare cadru.Puteți vedea o listă completă a metodelor și proprietăților asociate cu acest obiect la www. W3Schools. com / jsref / obj_window. asp. |
Modul de utilizare a obiectelor DOM core pentru a gestiona conținutul aplicației
Scopul oricărei aplicații JavaScript este de a gestiona conținutul. Aceasta înseamnă adăugarea, ștergerea și editarea documentului HTML care conține diferitele elemente care structurează și suportă conținutul. Aceste obiecte oferă acces la toate detaliile documentului în ceea ce privește conținutul.
| Obiect | Descriere |
|---|---|
| Attr | Oferă acces la atributele individuale din document.
Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_attr. asp. |
| document | Oferă acces la întregul document. Puteți utiliza acest obiect
pentru a accesa orice parte a documentului. În plus, acest obiect permite să afișați informații direct pe pagină și să efectuați alte activități legate de interfața cu utilizatorul. Puteți vedea o listă completă a metode și proprietăți asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_core_document. asp. |
| Element | Conține un element de document individual de orice tip acceptat ca
ca XML. Acest obiect oferă acces la atribute prin obiectul Attr și proprietăți prin obiectul Node. Puteți vedea o listă completă a metodelor și a proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_element. asp. |
| Evenimente | Sprijină accesul la evenimentele existente și crearea de noi evenimente.
Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Conține un element de document HTML individual, cum ar fi un paragraf
sau un control. Utilizați obiectele Element și Node pentru a obține acces la atributele și proprietățile elementului . Puteți vedea o listă completă a metode și proprietăți asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_all. asp. |
| Nod | Definește particularitățile unui nod dat, care poate include
documentul ca întreg, un element din document și un atribut furnizat ca parte a unui element, text și comentarii. Puteți să vedeți o listă completă a metodelor și proprietăților asociate cu acest obiect la www. W3Schools. com / jsref / dom_obj_node. asp. |
| NodeFilter | Specifică care noduri apar ca parte a unui NodeIterator folosit pentru a traversa lista de noduri
într-un document. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la // developer. mozilla. org / en-US / docs / DOM / NodeFilter. |
| NodeIterator | Oferă o metodă de obținere a unei liste de noduri într-un document
. Traversarea listei de noduri vă poate ajuta să localizați anumite noduri și să interacționați cu acestea. De exemplu, ați putea găsi toate nodurile tag-urilor și adăugați-le un atribut special . Puteți vedea o listă completă a metodelor și a proprietăților asociate acestui obiect la // developer.mozilla. org / en-US / docs / DOM / NodeIterator. |
| NodeList | conține o listă ordonată a tuturor nodurilor din documentul
sau într-o anumită zonă a documentului. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_nodelist. asp. |
| NamedNodeMap | Conține o listă neordonată a tuturor nodurilor din documentul
sau într-o anumită zonă a documentului. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_namednodemap. asp. |
Utilizarea obiectelor HTML DOM pentru a gestiona structura
Organizarea informațiilor pe care utilizatorul le vede pe ecran într-o prezentare coerentă folosind JavaScript este importantă. Utilizatorul ar trebui să vadă structura documentului HTML, dar structura ar trebui să sprijine conținutul - nu ar trebui să atragă atenția asupra sa. Când lucrați cu o pagină, structura include totul, de la tabele la controale folosite pentru a interacționa cu și a gestiona conținutul pe care utilizatorul este cel mai interesat să îl vadă. Următoarele obiecte HTML DOM vă ajută să efectuați această sarcină atunci când lucrați cu JavaScript.
| Obiect | Descriere |
|---|---|
| Document | Oferă acces la toate elementele unei pagini întregi. Fiecare pagină
încărcată într-un browser devine un obiect Document pe care îl accesați utilizând cuvântul cheie document. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_document. asp. |
| Eveniment | Permite interacțiunea cu evenimentele și procesatorii de evenimente
asociate unei pagini. Fiecare tip de element are asociate evenimente specifice , cum ar fi evenimentul de clic asociat obiect Buton . Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Oferă o clasă de bază de la care derivă toate elementele HTML.
Această clasă de bază definește proprietățile și metodele pe care le oferă toate elementele HTML . Puteți vedea o listă completă a metodelor și proprietățile asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_all. asp. |
| Ancora | Reprezintă un hyperlink HTML. Puteți vedea o listă completă a
metode și proprietăți asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_anchor. asp. |
| Zonă | Definește zona din cadrul unei hărți imagine HTML care este utilizată pentru a crea
regiuni clicabile pentru un element grafic. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_area. asp. |
| Baza | Specifică adresa implicită sau o destinație implicită pentru toate link-urile
de pe o pagină. Puteți vedea o listă completă a metodelor și proprietățile asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_base. asp. |
| Corpul | Reprezintă partea
a unei pagini, inclusiv toate elementele conținute în acea etichetă . Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www.W3Schools. com / jsref / dom_obj_body. asp. |
| Buton | Reprezintă un buton de pe o pagină. Acest obiect este asociat în special cu
cu eticheta, , mai degrabă decât cu forma etichetei . Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_pushbutton. asp. |
| Formularul | reprezintă un formular și include toate elementele din formularul
. Puteți vedea o listă completă a metodelor și proprietăților asociate acestui obiect la www. W3Schools. com / jsref / dom_obj_form. asp. |
| Cadru și IFrame | Reprezintă un cadru (eticheta) sau un cadru inline (eticheta |