Siz JavaScript-ni ob'ektiv bilan aniqlaysiz (va yaratasiz):
Misol
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
O'zingiz sinab ko'ring » Bo'shliqlar va chiziqlarning uzilishlari muhim emas. Ob'ekt ta'rifi bir nechta qatorlarni qamrab olishi mumkin:
Misol
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
O'zingiz sinab ko'ring »
Ob'ekt xususiyatlari
Nomi: qadriyatlar JavaScript ob'ektlarida juft deyiladi xususiyatlari :
Mulk
Mulk qiymati
ism
Jon
familiya
Doe
yoshi
50
eyeColor
ko'k
Ob'ekt xususiyatlariga kirish
Ob'ekt xususiyatlariga ikki yo'l bilan kirishingiz mumkin:
objectName.propertyName yoki
objectName["propertyName"]
1-misol
person.lastName;
O'zingiz sinab ko'ring »
2-misol
person["lastName"];
O'zingiz sinab ko'ring »
Ob'ekt usullari
Ob'ektlar usullari ham bo'lishi mumkin .
Metodlar - bu ob'ektlarda bajarilishi mumkin bo'lgan harakatlar .
Usullar funktsiyalar ta'rifi sifatida xususiyatlarda saqlanadi .
Mulk
Mulk qiymati
ism
Jon
familiya
Doe
yoshi
50
eyeColor
ko'k
to'liq ismi sharif
function () {return this.firstName + "" + this.lastName;}
Metod - bu xususiyat sifatida saqlanadigan funktsiya.
Misol
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
bu So'z
Funktsiya ta'rifida funktsiya this"egasi" ga tegishli.
Yuqoridagi misolda, thisdeb odam ob'ekt "egalik qiladi", deb fullNamevazifasini.
Boshqacha qilib aytganda, ushbu ob'ektning xususiyatini this.firstNameanglatadi .firstName
Ushbuthis kalit so'zni JS- da kalit so'z haqida ko'proq o'qing .
Ob'ekt usullariga kirish
Siz quyidagi sintaksis yordamida ob'ekt uslubiga kirasiz:
objectName.methodName()
Misol
name = person.fullName();
O'zingiz sinab ko'ring » Agar usuli kirsangiz holda () Qavslar, u qaytadi funktsiya ta'riflarni :
Misol
name = person.fullName;
O'zingiz sinab ko'ring »
Satrlarni, raqamlarni va mantiqiy narsalarni ob'ekt deb e'lon qilmang!
JavaScript o'zgaruvchisi " new" kalit so'z bilan e'lon qilinganida , o'zgaruvchi ob'ekt sifatida yaratiladi:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
Qoching String, Numberva Booleanob'ektlar. Ular sizning kodingizni murakkablashtiradi va ishlash tezligini pasaytiradi.
Ob'ektlar haqida ko'proq ma'lumotni ushbu o'quv qo'llanmaning keyinroq bilib olasiz.
JavaScript tadbirlari
❮ OldingiKeyingi ❯ HTML hodisalari HTML elementlari bilan sodir bo'ladigan "narsalar" dir .
HTML-sahifalarda JavaScript-ni ishlatganda, JavaScript ushbu hodisalarga "munosabat" qilishi mumkin .
HTML hodisalari
HTML hodisasi brauzer bajaradigan yoki foydalanuvchi qiladigan narsa bo'lishi mumkin.
HTML hodisalariga bir nechta misollar:
HTML veb-sahifasi yuklashni yakunladi
HTML kiritish maydoni o'zgartirildi
HTML tugmasi bosildi
Ko'pincha, voqealar sodir bo'lganda, siz biror narsa qilishni xohlashingiz mumkin.
JavaScript sizga voqealar aniqlanganda kodni bajarishga imkon beradi.
HTML , HTML elementlariga JavaScript kodi bilan voqea ishlovchilarining xususiyatlarini qo'shishga imkon beradi .
Bitta tirnoq bilan:
<element event='some JavaScript'>
Ikki tirnoq bilan:
<element event="some JavaScript">
Quyidagi misolda onclickatribut (kod bilan)
O'zingiz sinab ko'ring » Yuqoridagi misolda JavaScript kodi element tarkibini id = "demo" bilan o'zgartiradi.
Keyingi misolda kod o'z elementining tarkibini o'zgartiradi (yordamida this.innerHTML):
Misol
The time is?
O'zingiz sinab ko'ring » JavaScript-kod ko'pincha bir necha qatordan iborat. Funktsiyalarni chaqiradigan voqea atributlarini ko'rish odatiy holdir:
Misol
The time is?
O'zingiz sinab ko'ring » Umumiy HTML hodisalari
Bu erda ba'zi bir keng tarqalgan HTML voqealari ro'yxati keltirilgan:
Event
Description
onchange
An HTML element has been changed
onclick
The user clicks an HTML element
onmouseover
The user moves the mouse over an HTML element
onmouseout
The user moves the mouse away from an HTML element
onkeydown
The user pushes a keyboard key
onload
The browser has finished loading the page
Tadbir
Tavsif
almashtirish
HTML elementi o'zgartirildi
bosing
Foydalanuvchi HTML elementini bosadi
onmouseover
Foydalanuvchi sichqonchani HTML elementi ustida harakatlantiradi
onmouseout
Foydalanuvchi sichqonchani HTML elementidan uzoqlashtiradi
onkeydown
Foydalanuvchi klaviatura tugmachasini bosadi
yuklash
Brauzer sahifani yuklashni tugatdi
Ro'yxat ancha uzun: W3Schools JavaScript-ni havolasi HTML DOM hodisalari .
JavaScript nima qilishi mumkin?
Voqealar ishlovchilari foydalanuvchi kiritishi, foydalanuvchi harakati va brauzer harakatlariga ishlov berish va tekshirish uchun ishlatilishi mumkin:
Har safar sahifa yuklanganda bajarilishi kerak bo'lgan narsalar
Sahifa yopilganda bajarilishi kerak bo'lgan narsalar
Foydalanuvchi tugmachani bosganda bajarilishi kerak bo'lgan harakat
Foydalanuvchi ma'lumot kiritganda tekshirilishi kerak bo'lgan tarkib
Va yana ...
JavaScript-ni voqealar bilan ishlashiga imkon berish uchun juda ko'p turli xil usullardan foydalanish mumkin:
HTML hodisasi atributlari to'g'ridan-to'g'ri JavaScript-ni bajarishi mumkin
HTML hodisasi atributlari JavaScript funktsiyalarini chaqirishi mumkin
HTML elementlariga o'zingizning voqea ishlovchilaringiz funktsiyalarini tayinlashingiz mumkin
Siz voqealarni yuborish yoki ko'rib chiqilishining oldini olishingiz mumkin
Va yana ...
HTML DOM boblarida voqealar va voqea ishlovchilari haqida ko'proq ma'lumotga ega bo'lasiz.
