4.1 Brauzer ob'ektlari
Sen allaqachon bilasan, JavaScript tili brauzer ichida ishlaydi, shuning uchun unga qandaydir tarzda brauzer bilan o'zaro aloqada bo'lish kerak. Shu maqsadda, brauzerda bir nechta ob'ektlar va funksiyalar mavjud, ular JavaScript orqali mavjud.
Birinchidan, bu window ob'ekti, u brauzer oynasini tasvirlaydi. Aniqrog'i, ilgari tasvirlardi, brauzerlar oyna holda bo'lgan vaqtlarda. Endi window ob'ekti skript bilan yuklangan brauzerning joriy oynasini tasvirlaydi.
Ikkinchidan, bu document ob'ekti, u oynada ko'rsatilayotgan hujjat uchun javobgarlik qiladi. Bu biroz chalkash bo'lishi mumkin. Oddiy qilib aytganda, document – foydalanuvchiga ko'rsatiladigan narsa, window esa – bu hujjat ko'rsatilayotgan narsa.
Uchinchidan, bu console ob'ekti, u brauzer konsoliga chiqish uchun javobgar. Ha, brauzerlarda ham konsol bor, u asosan skriptni tuzatish va xatolik haqida xabarlar chiqarish uchun ishlatiladi. Uni odatda brauzerda F12 tugmasini bosish bilan ochish mumkin.
Window ob'ekti, sahifadagi barcha ob'ektlar uchun yuqori darajadagi ob'ekt hisoblanadi. Siz skriptingizda document va console ob'ektlarining nomlarini to'g'ridan-to'g'ri yozishingiz mumkin bo'lsa-da, aslida ularning nomlari window.document va window.console.
4.2 JavaScript'da dialoglar
Alert() Metodi
Window ob'ekti da sahifa skriptiga ko'rinadigan bir nechta funksiyalar mavjud. Eng ko'p ishlatiladigan – bu alert() funksiyasi. U foydalanuvchiga xabar bilan dialog oynasini ko'rsatishga imkon beradi. Skriptingiz ishlashi foydalanuvchi OK tugmasini bosishigacha to'xtatiladi.
Misol:
alert("JavaScript eng zo'r!");
Prompt() Metodi
Shuningdek, foydalanuvchidan qandaydir qiymat kiritishni so'rashga imkon beruvchi prompt() funksiyasi ham mavjud.
Misol:
var age = prompt("Tug'ilgan yilingizni kiriting");
Confirm() Metodi
Foydalanuvchidan qandaydir harakatni so'rash uchun Ok, Cancel tugmalari bilan dialog oynasini chiqarish mumkin.
Misol:
var isOK = confirm("Tayyor ekansizmi");
4.3 Onload() hodisasi
Va yana bir foydali va qiziqarli nuqta. Brauzer oynasida event (hodisa) mavjud, u hujjat to'liq yuklanganida yuzaga keladi. Yuklanganidan va ko'rsatilganidan so'ng bajarilishi kerak bo'lgan kodni belgilashingiz mumkin.
Bu uchta yo'l bilan amalga oshirilishi mumkin.
Birinchidan, JavaScript-kodni HTML-sahifasiga atribut qiymati sifatida qo'shish mumkin:
<body onload="alert('hujjat yuklandi');">
<img src="big-image.png">
</body>
Ikkinchidan, JavaScript-kodni bevosita HTML-sahifasiga qo'shish mumkin:
<head>
<script>
function load()
{
alert('hujjat yuklandi');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
Uchinchidan, anonim funksiyani e'lon qilib, biroz qisqartirilgan holda yozish mumkin:
<head>
<script>
window.onload = function () {
alert('hujjat yuklandi');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 Onclick() hodisasi
Va nihoyat, yana bir muhim hodisa – bu event OnClick. Foydalanuvchi tomonidan kliklangan har qanday elementda yuzaga keladi. Xuddi event OnLoad kabi, uni turli xil usullar bilan belgilash mumkin, shuning uchun faqat eng oddiyini keltiramiz:
<body>
<img src="big-image.png" onclick="alert('foydalanuvchi rasmga bosdi');">
</body>
GO TO FULL VERSION