4.1 Obiecte browser
După cum știți deja, limbajul JavaScript funcționează în interiorul browserului, așa că trebuie să interacționeze cumva cu același browser. Pentru a face acest lucru, browserul are mai multe obiecte și funcții care sunt disponibile din JavaScript.
Primul este an object window
, care descrie fereastra browserului. Sau mai degrabă, descrieam când browserele erau fără file. Acum obiectul fereastră descrie fila curentă a browserului în care este încărcată pagina cu scriptul.
În al doilea rând, acesta este an object document
cel care este responsabil pentru documentul afișat în filă. Acest lucru ar putea fi puțin confuz. Pentru simplitate, să presupunem că documentul este ceea ce este afișat utilizatorului, iar fereastra este ceea ce este afișat acest document.
În al treilea rând, acesta este an object console
cel care este responsabil pentru ieșirea către consola browserului. Da, browserele au și o consolă, este folosită în principal pentru depanarea scriptului și afișarea mesajelor de eroare. De obicei, îl puteți deschide apăsând butonul F12 din browser.
Object window
, este obiectul de nivel superior pentru toate obiectele paginii. Și, deși puteți scrie direct nume de obiecte document
în console
scriptul dvs., de fapt, numele lor window.document
și window.console
.
4.2 Dialogurile în JavaScript
metoda alert().
De asemenea, an object window
are mai multe funcții care sunt vizibile pentru scriptul paginii. Cel mai des folosit este alert()
. Vă permite să afișați o casetă de dialog cu un mesaj către utilizator. Scriptul este apoi suspendat până când utilizatorul face clic pe OK.
Exemplu:
alert("JavaScript is the best!");
metoda prompt().
Există, de asemenea, o funcție cu care puteți cere utilizatorului să introducă o valoare - aceasta este prompt()
.
Exemplu:
var age = prompt("Enter Year of Birth");
metoda confirm().
Puteți afișa o casetă de dialog cu două butoane Ok
- Cancel
întrebați utilizatorul despre anumite acțiuni.
Exemplu:
var isOK = confirm("Are you ready");
4.3 eveniment onload().
Și încă un moment util și interesant. Fereastra browserului are un eveniment care se declanșează atunci când documentul este încărcat complet. Puteți specifica codul care urmează să fie executat după ce documentul este încărcat și afișat.
Acest lucru se poate face în trei moduri.
În primul rând, puteți încorpora codul JavaScript direct într-o pagină HTML ca valoare de atribut:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>
În al doilea rând, puteți încorpora codul JavaScript pur și simplu într-o pagină HTML:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
În al treilea rând, îl putem scrie puțin mai scurt, declarând o funcție anonimă:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 eveniment onclick().
Și, în sfârșit, un alt eveniment (eveniment) important este event OnClick
. Care apare pe orice element pe care utilizatorul a făcut clic. La fel cum event OnLoad
poate fi setat în moduri diferite, așa că vom oferi doar cel mai simplu:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>