| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |
obiectul ferestrei JavaScript se află în partea de sus a ierarhiei obiectelor JavaScript și reprezintă fereastra browserului (sau ferestrele dacă aveți mai multe ferestre de browser deschise la un moment dat). Până la acest capitol ne-am concentrat pe interne și sintaxa JavaScript. În acest capitol vom începe să facem lucrurile să se întâmple pe ecran (care, la urma urmei, este unul dintre scopurile principale ale JavaScript). Obiectul ferestrei permite dezvoltatorilor să efectueze sarcini precum deschiderea și închiderea ferestrelor browserului, afișarea dialogurilor de alertă și promptă și configurarea timeout-urilor (specificând o acțiune care va avea loc după o anumită perioadă de timp). Deși timeout – urile sunt o caracteristică a obiectului window, le vom acoperi în capitolul timeout-uri JavaScript, mai degrabă decât în acest capitol.
referindu-se la JavaScript obiect fereastră
așa cum este acoperit în elementele de bază JavaScript obiect este de obicei necesar utilizați notația dot atunci când accesați proprietăți sau metode ale unui obiect. De exemplu, următorul fragment de script accesează metoda write () a obiectului documentului:
document.write("Hello");
obiectul ferestrei este obiectul de nivel superior al ierarhiei obiectului. Ca atare, ori de câte ori se face referire la o metodă sau proprietate obiect într-un script fără numele obiectului și prefixul dot, JavaScript este presupus a fi membru al obiectului window. Aceasta înseamnă, de exemplu, că atunci când apelați metoda window alert() pentru a afișa un dialog de alertă fereastra. prefixul nu este obligatoriu. Prin urmare, următoarele apeluri metodă atinge același lucru:
window.alert();alert()
Raportați acest anunț proprietățile obiectului ferestrei JavaScript
fereastra JavaScript obiect conține un număr de proprietăți care pot fi inspectate și utilizate într-un script:
- fereastră.închis-utilizat la manipularea mai multor ferestre, această proprietate indică dacă o fereastră a fost închisă sau nu.
- fereastră.defaultstatus / fereastră.status-defaultstatus specifică mesajul implicit afișat în bara de stare a browserului. stare specifică un mesaj temporar pentru a afișa în bara de stare a browserului în locul implicit. Dezactivat în multe browsere.
- fereastră.cadre-dacă fereastra conține cadre, această matrice deține matricea de obiecte cadru (consultați detaliile matricelor JavaScript privind accesarea matricelor).
- window.name -ferestrele deschise de un script trebuie să primească un nume. Această proprietate conține numele obiectului ferestrei corespunzătoare.
- fereastră.opener-când o fereastră a fost deschisă într-un script conținut într-o altă fereastră, Această proprietate a ferestrei copil conține o fereastră de referință care a deschis-o.
- fereastră.părinte – când lucrați cu cadre într-o fereastră Această proprietate conține o referință la obiectul ferestrei care conține cadrul.
- fereastră.ecran-un obiect care conține informații despre ecranul pe care se afișează fereastra (proprietățile conținute în acest obiect includ înălțimea, lățimea, availHeight, availWidth și colorDepth).
- fereastră.auto-o referință la fereastra curentă.
- fereastră.top – o referință la fereastra de nivel superior atunci când lucrați cu cadre.
deschiderea ferestrelor browserului folosind JavaScript
o nouă fereastră de browser poate fi deschisă dintr-un script JavaScript folosind metoda open() a obiectului ferestrei. Sintaxa pentru deschiderea unei noi ferestre este următoarea:
newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");
următoarele oferă o explicație a argumentelor transmise la metoda open ():
- URL – specifică adresa URL a paginii web care va fi încărcată în noua fereastră. Dacă nu URL-ul este specificat o fereastră goală este încărcată.
- WindowName – specifică numele ferestrei și este folosit pentru a se referi la fereastră.
- caracteristici – o listă separată prin virgulă de caracteristici care vă permit să personalizați aspectul ferestrei. Opțiunile sunt:
| Setare | explicație |
|---|---|
| lățime | specifică lățimea inițială a ferestrei client browser (a se vedea innerwidth pentru dimensiunea zonei de conținut) |
| height | specifică înălțimea inițială a ferestrei client browser (a se vedea innerheight pentru dimensiunea zonei de conținut) | innerwidth | specifică lățimea inițială a zonei de conținut fereastră |
| innerheight | specifică înălțimea inițială a conținutului ferestrei zona |
| outerWidth | specifică lățimea inițială a ferestrei navigator | outerHeight | specifică înălțimea inițială a ferestrei navigator |
| toolbar | specifică dacă fereastra trebuie să conțină bara de instrumente a browserului sau nu |
| stare | specifică dacă fereastra ar trebui să conțină bara de stare a browserului sau nu |
| dependent | specifică dacă fereastra ar trebui să se închidă la unison cu fereastra părinte |
| bara de meniu | specifică dacă fereastra ar trebui conține bara de meniu a browserului |
| locație | specifică dacă fereastra trebuie să conțină locația browserului/caseta URL |
| bare de derulare | ascunde/afișează barele de derulare orizontale/verticale ale browserului |
| Redimensionabil | specifică dacă utilizatorul are dreptul să redimensioneze fereastra după ce apare. |
| directoare | specifică dacă fereastra trebuie să conțină bara de instrumente personală a browserului. |
| copyHistory | specifică dacă noua fereastră ar trebui să conțină o copie a istoricului URL al ferestrei de invocare |
| stânga | a specificat numărul de pixeli din partea stângă a ecranului în noua fereastră |
| sus | a specificat numărul de pixeli din partea de sus a ecranului în noua fereastră |
| alwayslowered | creează o fereastră nouă care este întotdeauna poziționată sub celelalte ferestre ale browserului. Adesea folosit pentru acele reclame enervante pop-under. |
| Alwaysraised | creează o fereastră nouă care este întotdeauna poziționată deasupra celorlalte ferestre ale browserului de pe ecran. |
| z-lock | blochează nivelul la care apare browserul în raport cu alte ferestre ale browserului. |
caracteristicile de înălțime, lățime și poziție sunt setate folosind numere. Opțiunile de caracteristici rămase pot fi setate folosind valori true sau false (de asemenea, da, nu și 1 și 0 pot fi utilizate în locul true și false). Un atribut absent este considerat fals. Următorul exemplu creează o fereastră nouă cu o bară de meniu, dimensiune specifică și fără bară de instrumente:
newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");
închiderea ferestrelor browserului folosind JavaScript
o fereastră poate fi închisă folosind metoda close() a obiectului ferestrei. Numele ferestrei (specificat în metoda open ()) trebuie menționat atunci când efectuați o închidere, astfel încât să fiți sigur că închideți fereastra corectă. De exemplu, următorul cod creează o fereastră nouă și creează un buton care, atunci când faceți clic, închide noua fereastră:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Close Window" onclick="newWindowObj.close()" /></form>
de asemenea, este posibil să închideți fereastra care a deschis fereastra curentă folosind proprietatea de deschidere a obiectului ferestrei curente:
window.opener.close()
aceasta va închide fereastra care a deschis fereastra în care se execută scriptul de mai sus.
Mutarea și redimensionarea ferestrelor
o fereastră poate fi mutată la coordonate specifice de pe ecran folosind metoda moveTo() a obiectului ferestrei care ia coordonatele x și y ca argumente. Următorul exemplu mută o fereastră nouă în locația 100, 200 pe ecran când este apăsat butonul „Mutare fereastră” :
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
pe lângă mutarea unei ferestre într-o anumită locație nouă, este posibilă și mutarea unei ferestre în raport cu locația sa curentă pe ecran folosind metoda moveBy() a obiectului ferestrei JavaScript. Încă o dată, metoda ia valorile x și y care sunt adăugate la coordonatele curente X și y ale ferestrei specificate. Valorile Negative pot fi folosite pentru a schimba direcția mișcării:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
metodele window resizeTo() și resizeBy() funcționează similar prin faptul că vă permit să modificați dimensiunea unei ferestre fie la o dimensiune specifică, fie la o dimensiune nouă în raport cu dimensiunea curentă.
schimbarea focalizării ferestrei
când o fereastră este fereastra selectată în prezent pe ecran, se spune că are focalizare. De obicei, făcând clic cu indicatorul mouse-ului într-o fereastră oferă focalizarea ferestrei. Cu JavaScript este posibil să schimbați programatic focalizarea unei ferestre folosind metodele focus() și blur (). Următorul exemplu afișează o fereastră nouă, o estompează astfel încât fereastra de deschidere să aibă încă focalizare și oferă un buton pentru a comuta focalizarea la noua fereastră:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");newWindowObj.blur();</script><form action="null"> <input type="button" value="Focus New Window" onclick="newWindowObj.focus()" /></form>
afișarea dialogurilor casetei de mesaje
obiectul ferestrei JavaScript oferă metode pentru afișarea a trei tipuri de dialoguri de mesaje, dialogurile de alertă, confirmare și prompt:
- alertă – destinată afișării unui mesaj utilizatorului. Acesta conține o zonă de mesaj în care mesajul de alertă urmează să fie afișat și un buton „OK” pe care utilizatorul poate face clic pentru a respinge dialogul. Metoda alert () are un singur argument reprezentând mesajul care urmează să fie afișat în caseta de dialog. Următorul fragment de pagină web afișează un dialog de alertă cu mesajul” nu aveți o parolă validă „când se face clic pe butonul” Afișați alerta”:
<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /></form>
- confirmare – utilizat atunci când un răspuns da sau nu trebuie obținut de la utilizator. Acest tip de dialog se afișează cu un mesaj și butoanele” OK „și” Anulare”. Metoda confirm () ia mesajul pentru a fi afișat utilizatorului ca argument și returnează true sau false în funcție de faptul dacă utilizatorul a apăsat „OK” sau „Cancel”:
<script language="JavaScript" type="text/javascript">function showConfirmation(){ var result = confirm("Would you like to continue?"); if (result) document.write("Continue"); else document.write("Do not continue");}</script><form action="null"> <input type="button" value="Show Confirmation" onclick="showConfirmation()" /></form>
- prompt – conceput pentru a permite obținerea informațiilor de la utilizator. Dialogul constă dintr-un mesaj către utilizator, un câmp de introducere a textului pentru introducerea datelor și butoanele OK și Cancel. Metoda prompt () face ca mesajul să fie afișat ca argument și returnează valoarea introdusă de utilizator:
<script language="JavaScript" type="text/javascript">function showPrompt(){ var userInput = prompt("Please enter your name:"); document.write("Hello, " + userInput);}</script><form action="null"> <input type="button" value="Show Prompt" onclick="showPrompt()" /></form>
| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |