Fereastra - ferestre js, Ion

Figura prezintă documentul principal ierarhie obiect, care, în cazul nostru este o pagină HTML (dar ar putea fi un document text, precum și un document de orice tip), acesta este plasat în fereastra browser-ului - această fereastră este fereastra obiect - acolo se potrivesc ce Acesta este gestionat de către browser.

Când fereastra de browser-ul este deschis în memorie este un model de obiect care este definit în obiectul fereastră, chiar dacă nu sunt încărcate în orice fereastră de document.

Crearea unei ferestre js și dimensiunile sale

Această metodă utilizează până la trei parametri care definesc caracteristicile unei ferestre, cum ar fi adresa URL a documentului încărcat, numele pe care îl specificați în țintă atribut tag-uri html. precum și parametrii fizici (dimensiunea și conținutul).

Luați în considerare unele metodă particulară de utilizare window.open ().
Pentru a deschide o nouă fereastră js de o anumită dimensiune pentru a afișa documentul index.html. situat în același folder de pe server, care stochează pagina curentă.

var subfereastră = window.open ( "index.html", "ind", "înălțime = 200, width = 300")

Vă rugăm să rețineți că:
1. În codul de mai sus folosește operatorul de atribuire.
fereastra 2.Parametry, dimensiunea sa ( "ind", "height = 200, latime = 300", "index.html") trebuie să fie specificate fără spații -te în conformitate cu indicația de deschidere a ferestrei noii parametri js nu trebuie să existe goluri.

În cazul în care scenariul ferestrei principale de utilizare window.close () înregistrări. self.close () sau pur și simplu aproape (). se va închide fereastra principală. și nu în plus. Prin urmare, pentru a avea acces la celelalte ferestre, utilizați link-ul din partea dreaptă a ferestrei ca referință generală. Acest punct este important în pregătirea de scenarii - dacă doriți o variabilă care conține o trimitere la fereastra suplimentară a fost disponibilă atâta timp cât documentul principal este încărcat în browser. Pentru a asigura acest lucru, ar trebui să declare această variabilă ca la nivel mondial, nu în interiorul unei funcții. Puteți utiliza o funcție pentru a deschide ferestrele, iar celălalt pentru închidere.

Listarea 1 descrie pagina care conține butonul pentru a deschide o fereastră nouă, gol, pe care o puteți închide apoi fereastra principală a programului.
Pentru a vedea modul în care script-ul ar trebui să specifice dimensiunea ferestrei principale browser-ul, astfel încât nu este maximizată. Apoi, atunci când generează o fereastră nouă puteți plasa ferestre de pe ecran, astfel încât să puteți viziona o fereastră nouă, chiar și atunci când solul este în prim-plan.

Dacă fereastra a fost în acest spatele principal, apoi să-l afișeze, puteți utiliza fereastra de meniu (fereastra) Browser „ascunse“. Listarea 1 newwindow variabilă a declarat ca la nivel mondial, astfel încât ambele funcții makeNewWindow () și closeNewWindow () fara probleme a avea acces la ea.

Dacă declarați o variabilă fără a atribui o valoare pentru ea, atunci implicit este nul.
Valoarea Null este interpretată ca fiind echivalentă cu o declarație falsă condiționată.
Pe de altă parte, prezența unei declarații condiționată de orice valoare nenulă este interpretată ca fiind adevărată.


În closeNewWindow () funcția înainte de a utiliza metoda de inchidere a inchide () verifică mai întâi dacă toate au creat o fereastră nouă. Apoi, pentru a efectua curățarea, newwindow variabilă este setat la nul, astfel încât nu mai este o fereastră inexistentă are loc atunci când re-clic pe butonul Close (Închidere) de închidere.

Când fereastra este deschisă, va fi declanșată sub forma unei variabile string cu conținut nou.
Ca în exemplul 2, conținutul scris într-o singură abordare (deși acest lucru nu este necesar pentru o fereastră separată). apoi apelează imediat apropiat metoda (). Aici, să acorde o atenție importantă caracteristică: atât metoda write (), iar în panoul metodă de închidere () este setată în mod explicit.

Listarea 3. Folosind metoda document.wite () cu o altă fereastră


În continuare, ia în considerare proprietățile și metodele ferestrelor sunt cel mai frecvent utilizate de către utilizator.

Obținerea accesului la proprietățile și metodele ferestrei

Referințele script la proprietățile și metodele obiectului fereastră poate fi realizată în diferite moduri. Abordarea cea mai logică și comună este una în care specificată referire directă la fereastra obiect:

Prin obiect fereastra este adesea tratată cu ajutorul unui sinonim. Acest lucru se face în cazurile în care script-ul utilizat în fereastra de referință care conține documentul curent. Este sinonim cu sinele de cuvinte cheie.

În astfel de cazuri, link-urile sunt după cum urmează:

Utilizați aceste link-uri pot fi la libera sa alegere.
Cu toate acestea, este recomandabil să se stabilească sinele de referință prin intermediul unui scenarii complexe, în care mai multe ferestre sau cadre implicate. Ie identitate de sine. folosit pentru a se referi la fereastra curentă, care conține un document cu acest scenariu. Și aceasta, la rândul său, face ca script-ul mai ușor de citit.

După cum sa menționat deja, pentru că obiectul ferestrei este întotdeauna prezent „la fața locului“, atunci când script-ul ruleaza, trimiterea la obiectele în fereastra curentă a numelui său poate fi omisă. Ca un exemplu, aici este o referință de sintaxă model pentru proprietățile și metodele ferestrei curente.


Să acorde o atenție deosebită operatorilor utilizați în tratare a evenimentelor onMouseOver
Aceasta se referă la:

window.status = 'Accesați pagina Netscape Acasă (home.netscape.com)' return true


Când executați aceste declarații în handler evenimentului trebuie separate prin punct și virgulă. Este important, chiar și faptul că întregul set de fraze închise în ghilimele duble ( „“). Pentru a introduce un șir dublu-citat care este atribuit ca valoarea proprietății a window.status, trebuie concluzionat că șir în ghilimele simple ( „“).

Locație obiect

Alte Locul de amplasare alte proprietăți sunt prezentate în tabelul de mai jos.


De exemplu, în cazul în care aveți nevoie pentru a obține întregul URL-ul și afișa în alertă () - utilizați href de proprietate.

var a = window.location.href;
alert (a);


Metode de localizare obiect
atribui (URL) pentru a încărca documentul pe reload URL-ul ([Brel]) reîncărcați documentul la adresa URL curentă. Argumentul Brel - o valoare boolean, în cazul în care este adevărat. documentul este întotdeauna reîncărcat de pe server în cazul în care nu sunt specificate sau false, browser-ul poate lua o pagină din memoria cache. înlocuiți (URL) pentru a înlocui documentul curent pe document, la adresa URL specificată. Diferența, în comparație cu assign () este că, după utilizarea înlocui () pagina nu va fi înregistrată în istoria vizitelor. În special, acest lucru înseamnă că vizitatorul nu va putea folosi pentru a reveni la butonul browser-ul „Back“. toString () returnează o reprezentare șir de URL-ul obiectului Locul de amplasare

Întrebări de la utilizatori:

Luați în considerare două cazuri, în primul schimbați textul într-o fereastră nouă, în care fișierul a fost descărcat situată pe același domeniu ca fereastra părinte din care a creat-o fereastră nouă de eroare în acest caz, nu se pune.

În al doilea caz, nu puteți schimba textul într-o fereastră copil al normelor de siguranță, deoarece în această fereastră fișierul descărcat situat pe un alt domeniu.

exemple de cod sursă travelpalitra.com/1.html fișier:

articole similare