1. Веб технологияга кириш. Веб-саҳифа, веб-сайт (веб илова), веб-сервер, домен, хостинг. Javob: Veb texnologiyaga kirish. Veb-sahifa

Topshiriq

var x = 10;

Kiritilgan operatori ( +) raqamlarini qo'shib qo'ydi:

Qo'shilmoqda

var x = 5;
var y = 2;
var z = x + y;

Ko'paytirish operatori ( *) ko'paytiradi raqamlari.

Ko'paytirish

var x = 5;
var y = 2;
var z = x * y;

JavaScript arifmetik operatorlari

Arifmetik operatorlar raqamlar bo'yicha arifmetikani bajarish uchun ishlatiladi:

Operator	Description
+	Addition
-	Subtraction
*	Multiplication
**	Exponentiation (ES2016)
/	Division
%	Modulus (Division Remainder)
++	Increment
--	Decrement

JavaScript tayinlash operatorlari

Belgilanish operatorlari JavaScript o'zgaruvchilariga qiymatlar berishadi.

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Kiritilgan tayinlash operatori ( +=) bir o'zgaruvchining bir qiymat qo'shyapti.

Topshiriq

var x = 10;
x += 5;

JavaScript satrlari operatorlari

+Operator ham (birlashtirish) satrlari kiritish uchun ishlatilishi mumkin.

Misol

var txt1 = "John";
var txt2 = "Doe";
var txt3 = txt1 + " " + txt2;

Txt3 natijasi quyidagicha bo'ladi:

John Doe

Belgilangan +=operator satrlarni qo'shish (biriktirish) uchun ham ishlatilishi mumkin:

Misol

var txt1 = "What a very ";
txt1 += "nice day";

Txt1 natijasi quyidagicha bo'ladi:

What a very nice day

Satrlar va raqamlarni qo'shish

Ikkita raqam qo'shilsa, yig'indini qaytaramiz, lekin raqam va satr qo'shsak, satrni qaytaramiz:

Misol

var x = 5 + 5;
var y = "5" + 5;
var z = "Hello" + 5;

Natijasi x , y va z bo'ladi:

10
55
Hello5

JavaScript taqqoslash operatorlari

Operator	Description
==	equal to
===	equal value and equal type
!=	not equal
!==	not equal value or not equal type
>	greater than
<	less than
>=	greater than or equal to
<=	less than or equal to
?	ternary operator

JavaScript mantiqiy operatorlari

Operator	Description
&&	logical and
||	logical or
!	logical not

Mantiqiy operatorlar to'liq JS taqqoslash bobida tasvirlangan .

JavaScript turi operatorlari

Operator	Description
typeof	Returns the type of a variable
instanceof	Returns true if an object is an instance of an object type

JavaScript Bitwise operatorlari

Bit operatorlari 32 bit raqamlar ustida ishlaydi.

Amaldagi har qanday raqamli operand 32 bit raqamiga aylantiriladi. Natijada JavaScript raqamiga qaytariladi.

Operator	Description	Example	Same as	Result	Decimal
&	AND	5 & 1	0101 & 0001	0001	1
|	OR	5 | 1	0101 | 0001	0101	5
~	NOT	~ 5	~0101	1010	10
^	XOR	5 ^ 1	0101 ^ 0001	0100	4
<<	Zero fill left shift	5 << 1	0101 << 1	1010	10
>>	Signed right shift	5 >> 1	0101 >> 1	0010	2
>>>	Zero fill right shift	5 >>> 1	0101 >>> 1	0010	2

Massiv - bu bir vaqtning o'zida bir nechta qiymatni ushlab turadigan maxsus o'zgaruvchidir.

Agar sizda narsalar ro'yxati bo'lsa (masalan, mashina nomlari ro'yxati), avtoulovlarni bitta o'zgaruvchida saqlash quyidagi ko'rinishga ega bo'lishi mumkin:

var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

Biroq, siz mashinalarni aylanib o'tib, o'ziga xos birini topmoqchi bo'lsangiz nima bo'ladi? Va agar sizda uchta emas, balki 300 ta mashina bo'lsa-chi?

Yechim bir qator!

Massiv bitta nom ostida ko'plab qiymatlarga ega bo'lishi mumkin va siz indeks raqamiga murojaat qilib, qiymatlarga kirishingiz mumkin.

Array yaratish

Javobsiz qatordan foydalanish JavaScript massasini yaratishning eng oson usuli hisoblanadi.

Sintaksis:

var array_name = [item1, item2, ...];      

Misol

var cars = ["Saab", "Volvo", "BMW"];

Siz qator raqamiga indeks raqamiga murojaat qilib kirasiz .

Ushbu bayonot birinchi elementning qiymatiga kiradi cars:

var name = cars[0];

Misol

var cars = ["Saab", "Volvo", "BMW"];

document.getElementById("demo").innerHTML = cars[0];

Array elementini o'zgartirish

Ushbu bayonot birinchi element qiymatini o'zgartiradi cars:

cars[0] = "Opel";

Misol

var cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
document.getElementById("demo").innerHTML = cars[0];

60. JavaScript селекторлари. Изоҳланг ва мисоллар келтиринг.

W3.JS selektorlari

W3.JS HTML elementlarini tanlaydi va tanlangan element (lar) ustida amallarni bajaradi :

w3.action(selector)

• 
  Harakat () tanlangan element ustida amalga oshiriladi (lar)
  
• 
  ( Selektor ) HTML element (lar) ni tanlaydi
  

Misol

w3.hide('p')  // Hide all

elements

Selektorga misollar

HTML elementlarini tanlash uchun teg nomidan foydalaning:

Barcha

elementlarini yashirish:

w3.hide('h2')

Muayyan identifikatorli elementni tanlash uchun, HTML elementining identifikatori bilan xesh belgi yozing:

ID = "London" bo'lgan elementni yashirish:

w3.hide('#London')

Muayyan sinfga ega elementlarni tanlash uchun davr nomi va keyin sinf nomini yozing:

Class = "city" bo'lgan barcha elementlarni yashirish:

w3.hide('.city')

Ko'proq selektsion misollar

Selector	Description	Example
("*")	Selects all elements in the document
(this)	Selects the current HTML element
("p.intro")	Selects all elements with
("div p")	Selects all element inside all elements
("div p:first-child")	Selects the first element inside all elements
("[href]")	Selects all elements with an href attribute
("a[target=_blank]")	Selects all elements with a target attribute value equal to "_blank"
("p:nth-child(even)")	Selects all even elements

61. JavaScript функциялар. Функцияларни эълон қилиш ва мурожжаат қилиш усуллари
JavaScript да функциядан фойдаланишдан мақсад бошқа дастурлаш тиллари каби дастурдаги баьзи бир қисмлар такрорланувчан бўлади. Ана шу такрорланувчи қисмларни қайта-қайта ёзиш натижасида дастурнинг ҳажми ортиб кетади ва унинг ишлаш тезлиги камаяди. Шунинг учун хам вактни камайтириш⸴ тезликни ошириш ва хажмни тежаш максадида функциялардан фойдаланилади.

Функция куйидагича элон килинади꞉

function functionName(parameters) {
  // бажариладиган амаллар

}

Функцияни кулланилищи꞉

JavaScript da funksiyalar

JavaScript da funksiyalar

Click the button to convert variables to numbers.

Try it

Click the button to display the formatted number.

Try it

Enter your name:

When you leave the input field, a function is triggered which transforms the input text to upper case.



Enter your name:

When the input field gets focus, a function is triggered which changes the background-color.

Select some of the text:

This example demonstrates how to assign an "onsubmit" event to a form element.

When you submit the form, a function is triggered which alerts some text.

Enter name:

Move the mouse pointer over this paragraph.

72-savol JavaScriptda Click xodisalari onclick,Ondbclick.

• 
  
  
• 
  onclickJavaScript voqea foydalanuvchi qachon sodir tıklatır bir element.
  
• 
  Bu atributga ega bo'lgan HTML ob'ekti ustiga bosilganda kodning belgilangan qatorini ishlaydi onclick.
  
• 
  JavaScript onclick funktsiyalari object.onclickyoki orqali ishga tushirilishi mumkin object.addEventListener.
  
• 
  addEventListenerUsul bo'lgan qo'llab-quvvatlanmaydi Internet Explorer oldingi versiyalarida (8 va pastda) tomonidan
  

Quyidagi kod ko’rinishi JavaScript button onclickhodisasini qo'llashning to'g'ri sintaksisini namoyish etadi . Siz ta'sir ko'rsatmoqchi bo'lgan ob'ektni ko'rsatishingiz va JavaScript-da bajarmoqchi bo'lgan onclick funktsiyasini ko'rsatishingiz kerak .

Doimiy sintaksis: object.onclick = function(){my_script};

AddEventListener usulidan foydalanish :object.addEventListener("click", my_script);

Masalan , matn bosilganda joriy sana ko'rsatilgan :

Bosish bizning windows- dagi fon rangini o'zgartiradi.

Onklick ishlatilganda

JavaScript onclickhodisasi eng ko'p ishlatiladigan tadbir turlaridan biridir. JavaScript tugmachasini bosish yoki boshqa elementlar kabi ba'zi funktsiyalarni qo'shish orqali veb-saytlarni takomillashtirish odatiy holdir.

JavaScript onclickfunktsiyasi foydalanuvchilar HTML elementlari bilan o'zaro ta'sirlashganda kodni bajarish uchun mo'ljallangan . JavaScript har qanday HTML element uchun qo'llanilishi mumkin.onclick

ondblclick voqeasi

Ondblclick hodisasi foydalanuvchi elementni ikki marta bosganda sodir bo'ladi.

Brauzerni qo'llab-quvvatlash

JavaScriptda Sintaksis

In JavaScript:

object.ondblclick = function(){myScript};

Try it Yourself »

JavaScript-da addEventListener () metodidan foydalanib bajarish sintaksisi:

object.addEventListener("dblclick", myScript);

Texnik tafsilotlar

73-savol-JavaScriptda sahifa yuklanishdagi xodisalar: onload onunload onerror , onresize.

Onload

Ta'rifi va foydalanish

Onload hodisasi ob'ekt yuklanganida sodir bo'ladi.

veb-sahifa barcha tarkibni (rasmlar, skriptlar fayllari, CSS fayllari va boshqalarni) to'liq yuklaganidan keyin skriptni bajarish uchun elementida tez-tez ishlatiladi.

Onload hodisasi tashrif buyuruvchining brauzer turi va brauzer versiyasini tekshirish va ma'lumotlarga asoslanib veb-sahifaning tegishli versiyasini yuklash uchun ishlatilishi mumkin.

Yuklanish hodisasi cookie fayllari bilan ishlashda ham ishlatilishi mumkin

JavaScriptda Sintaksisi

Misol

elementida onloaddan foydalanish. Rasm yuklangandan so'ng "Rasm yuklandi" ogohlantirish:

Onunload

Ta'rif va foydalanish

Sahifani bo'shatgandan so'ng (yoki brauzer oynasi yopilganda) yuklash hodisasi yuz beradi.

uning yuklanishi foydalanuvchi sahifadan uzoqlashganda sodir bo'ladi (havolani bosish, formani yuborish, brauzer oynasini yopish va hk).

JavaScriptda sintaksisi

object.onunload = function(){myScript};

Cookie fayllari bilan ishlashda onunload hodisasidan foydalanish:

Onerror

Sintaksis

window.onerror = funcRef;

Parametrlar

• 
  funcReffunktsiyaga ulanish. Funktsiya qaytib kelganda  true, standart ishlov berish qo'ng'irog'i bloklanadi. Funktsiya parametrlari:
  
  • 
    Xato xabari (satr)
    
  • 
    Xatolik yuz bergan manzil (satr)
    
  • 
    Xatolik yuz bergan chiziq raqami (raqam)
    
  • 
    Xatolik yuz bergan satr uchun ustun raqami (raqam)
    
  • 
    Xato ob'ekti (ob'ekt)
    

Misol

var gOldOnError = window.onerror;

window.onerror = function myErrorHandler(errorMsg, url, lineNumber) {

if (gOldOnError)




return gOldOnError(errorMsg, url, lineNumber);
//

return false;

}

Onersize

Qiymati

functionReffunktsiya nomi yoki funktsiya ifodasi . Funktsiya FocusEventob'ektni o'zining yagona argumenti sifatida qabul qiladi .

Misollar

Oyna hajmini qayd qilish

Resize the browser window to fire the resize event.

Window height:

Window width:

const heightOutput = document.querySelector('#height');

const widthOutput = document.querySelector('#width');
function resize() {

heightOutput.textContent = window.innerHeight;

widthOutput.textContent = window.innerWidth;

}
window.onresize = resize;



74-savol JavaScriptda cookie bilan ishlash

Cookie fayllari foydalanuvchi ma'lumotlarini veb-sahifalarda saqlashga imkon beradi.

Cookie-fayllar nima?

Cookie fayllari - bu kichik matnli fayllarda, kompyuteringizda saqlanadigan ma'lumotlar.

Veb-server brauzerga veb-sahifani yuborganida, ulanish to'xtatiladi va foydalanuvchi foydalanuvchi haqidagi hamma narsani unutadi.

Cookie fayllari "foydalanuvchi haqidagi ma'lumotni qanday eslab qolish" muammosini hal qilish uchun ixtiro qilingan:

• 
  Foydalanuvchi veb-sahifaga kirganda, uning ismini cookie-faylda saqlash mumkin.
  
• 
  Keyingi safar foydalanuvchi sahifaga kirganda, cookie uning ismini "eslab qoladi".
  

Cookie fayllari quyidagicha nom-qiymat juftliklarida saqlanadi:

username = John Doe

Brauzer veb-sahifani serverdan talab qilganda, so'rovga ushbu sahifaga tegishli cookie-fayllar qo'shiladi. Shu tarzda server foydalanuvchilar haqidagi ma'lumotlarni "eslab qolish" uchun kerakli ma'lumotlarni oladi.

Agar sizning brauzeringizda mahalliy cookie-fayllar ta'minoti o'chirilgan bo'lsa, quyida keltirilgan misollar ishlamaydi.

JavaScript bilan cookie faylini yarating

JavaScript-da cookie-fayllar yordamida cookie fayllarini yaratish, o'qish va o'chirish mumkin document.cookie .

JavaScript yordamida cookie faylini quyidagicha yaratish mumkin:

document.cookie = "username=John Doe";

Siz shuningdek foydalanish muddatini ham qo'shishingiz mumkin (UTC vaqt bilan). Sukut bo'yicha cookie-brauzer yopilganda o'chiriladi:

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

Yo'l parametrlari bilan siz brauzerga cookie-fayl qaysi yo'lga tegishli ekanligini aytishingiz mumkin. Odatiy bo'lib, cookie-fayl joriy sahifaga tegishli.

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

Cookie-larni JavaScript-ni o'qing

JavaScript yordamida cookie fayllarini quyidagicha o'qish mumkin:

var x = document.cookie;

Cookie-ni JavaScript-ga o'zgartirish

JavaScript yordamida cookie-faylni yaratishda bo'lgani kabi uni o'zgartirishingiz mumkin:

document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

Cookie-ni JavaScript-ni o'chirib tashlang

Cookie fayllarini o'chirish juda oson.

Cookie faylini o'chirganda cookie faylining qiymatini ko'rsatishingiz shart emas.

Faqat o'tgan sanani sozlang:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

JavaScript Cookie-ga misol

Cookie fayllarini o'rnatish funktsiyasi

Misol

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

Cookie fayllarini olish funktsiyasi

Misol

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i     var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

Cookie fayllarini tekshirish funktsiyasi

Misol

function checkCookie() {
  var username = getCookie("username");
  if (username != "") {
   alert("Welcome again " + username);
  } else {
    username = prompt("Please enter your name:", "");
    if (username != "" && username != null) {
      setCookie("username", username, 365);
    }
  }
}

yuqoridagi funksiyalarni bitta tanaga yozilgan ko’rinishi

Misol

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  var expires = "expires="+d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {

  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function checkCookie() {

  var user = getCookie("username");
  if (user != "") {
    alert("Welcome again " + user);
  } else {
    user = prompt("Please enter your name:", "");
    if (user != "" && user != null) {
      setCookie("username", user, 365);
    }
  }
}

75-76-77-Savollarga Javoblar

Ҳужжатнинг объектли модели ҳақида тушунча (DOM) DOM – Document Object Model - Ҳужжатнинг объектли модели Веб-саҳифа юкланганда, браузерда саҳифанинг объектли моделини яратилади.

HTML DOM дан фойдаланиб, HTML ҳужжатнинг барча элементларига кириш ва элемент хусусият (атрибут) ларини ўзгартириш имконияти мавжуд. Ҳужжатнинг объектли модели ҳақида тушунча (DOM) DOM – W3C (World Wide Web Consortium) нинг стандарти ҳисобланади.

DOM – ҳужжат элементлари хусусиятларига кириш учун стандартни белгилайди. W3C Document Object Model (DOM) – бу скриптлар орқали ҳужжатнинг контенти, тузилиши ва стилини динамик равишда ўзгартиришга имкон берадиган платформа ва нейтрал интерфейс ҳисобланади W3C DOM стандарти 3 та қисмга ажратилади: Core DOM (барча турдаги ҳужжатлар учун стандарт модел), XML DOM (XML ҳужжатлари учун стандарт модел), HTML DOM (HTML ҳужжатлари учун стандарт модел) HTML DOM ҳақида HTML элементлари – объект сифатида қаралади HTML DOM да – барча HTML элементларининг хусусиятлари, усуллари ва ҳодисалари билан ишланади HTML DOM – HTML элементларига мурожаат қилиш, ўзгартириш, қўшиш ва ўчириш стандарти ҳисобланади.

HTML DOM усуллари (функция) – бу HTML элементларида фойдаланувчи бажариши мумкин бўлган ҳаракатлар ҳисобланади. HTML DOM хусусиятлари – бу HTML элементларининг ўзгартирилиши (ўрнатилиши) мумкин бўлган қийматлари ҳисобланади. Ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари • Элементларни id номи билан топади document.getElementById(id) • Элементларни тег номи билан топади document.getElementsByTagName(name) • Элементларни class номи билан топади document.getElementsByClassName(name) HTML элементларни топиш функция (усуллари) Ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари • Элементнинг HTML контентини ўзгартириш element.innerHTML = new html content • HTML элементининг атрибут қийматини ўзгартириш element.attribute = new value • HTML элементининг стилини ўзгартириш element.style.property = new style • HTML элементининг атрибут қийматини функция орқали ўзгартириш element(attribute, value) HTML элементларни ўзгартириш хусусият ва функциялари Ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари • HTML элементни яратиш document.createElement(element) • HTML элементни олиб ташлаш document.removeChild(element) • HTML элементни қўшиш document.appendChild(element) • HTML элементини алмаштириш document.replaceChild(new, old) • HTML саҳифага ёзиш document.write(text) • HTML элементни олиб ташлаш (эски браузерларда ишламайди)

JavaScript HTML DOM ҳодисалар onclick=JavaScript

Enter your name:

JavaScript HTML DOM ҳодисалар onclick=JavaScript 1 2

Mouse over this text

Click Me

79. JavaScriptда браузер объектлари модели (BOM) билан ишлаш.

Veb-sahifalar statik va dinamik bo'lib, ikkinchisi JavaScript tilida skriptlardan (dasturlardan) foydalanishlari bilan ajralib turadi.

JavaScript stsenariylarida brauzer veb-ishlab chiquvchiga veb-sahifaning elementlari va brauzerning o'zi bilan o'zaro ishlashi mumkin bo'lgan ko'plab "tayyor" ob'ektlarni beradi. Bularning barchasi birgalikda brauzer ob'ektlari modelini (BOM - Browser Object Model) tashkil etadi.

Ushbu modelning eng yuqori qismida global oyna ob'ekti joylashgan. Bu oynalardan biri yoki asboblar paneli, menyular, holatlar paneli, HTML sahifasi va boshqa ob'ektlar mavjud brauzer yorlig'i. Ushbu turli xil brauzer oynalariga quyidagi asosiy ob'ektlar yordamida kirish mumkin: navigator, tarix, manzil, ekran, hujjat va hk. Ushbu ob'ektlar deraza ob'ektining farzandlari bo'lganligi sababli, ularga deraza ob'ektining xususiyatlari sifatida kirish mumkin.

Masalan, ekran ob'ektiga kirish uchun siz quyidagi qurilishni ishlatishingiz kerak: windows.screen. Ammo agar biz hozirgi oyna bilan ishlayotgan bo'lsak, unda "oyna". o'tkazib yuborilishi mumkin. Masalan, windows.screen o'rniga shunchaki ekranni ishlatishingiz mumkin.

shbu ob'ektlarning barchasidan ishlab chiquvchi uchun eng qiziqarli va ahamiyatli tomoni hujjat ob'ekti modelining (DOM - Document Object Modal) ildizi bo'lgan hujjat ob'ekti hisoblanadi. Ushbu model, brauzer ob'ekti modelidan farqli o'laroq, spetsifikatsiyada standartlashtirilgan va barcha brauzerlar tomonidan qo'llab-quvvatlanadi.

Hujjat ob'ekti brauzer oynasida (tab) yuklangan HTML-hujjatdir. Ushbu ob'ektning xususiyatlari va usullaridan foydalanib, siz HTML hujjat tarkibiga kirishingiz, shuningdek, uning tarkibini, tuzilishini va tartibini o'zgartirishingiz mumkin.

Izoh: Brauzer ob'ektining modeli spetsifikatsiyada standartlashtirilmagan va shuning uchun uning turli xil brauzerlarda bajarilishi farq qilishi mumkin.

Dinamik veb-sahifalarni yaratishda asosiy vazifa asosan kerakli ob'ektlarni (elementlarni) tanlash va ular ustida turli xil amallarni bajarish bilan bog'liq. Ushbu harakatlarning natijalari darhol foydalanuvchi ekranida, aniqrog'i, ushbu ob'ektlar javobgar bo'lgan joylarda ko'rsatiladi.

BOM yadrosi ob'ektlari

Brauzer ob'ektining asosiy ob'ektlari: oyna, navigator, tarix, manzil, ekran, hujjat.

Oyna ob'ekti

oyna - brauzer oynalaridan biri (yorliqlari) uchun javobgar bo'lgan brauzerdagi eng muhim ob'ekt. Bu JavaScript skriptlarida veb-ishlab chiqaruvchiga mavjud bo'lgan barcha ob'ektlar ierarxiyasining ildizidir. Oyna ob'ekti global ob'yektlarga qo'shimcha ravishda (hujjat, ekran, joylashuv, navigator va boshqalar) o'z xususiyatlariga va usullariga ega:

yangi oyna (yorliq) ochish;

close () usuli yordamida oynani (yorliqni) yopish;

deraza tarkibini bosib chiqarish (yorliqlar);

fokusni oynaga o'tkazish yoki uni fonga o'tkazish (barcha oynalar orqasida);

oynaning holati va hajmini boshqarish, shuningdek uning tarkibini aylantirish;

Brauzer holati satrining tarkibini o'zgartirish

quyidagi oynalar orqali foydalanuvchi bilan o'zaro aloqa: ogohlantirish (xabarlarni namoyish qilish uchun), tasdiqlash (foydalanuvchi tomonidan tasdiqlanishi yoki bekor qilinishi kerak bo'lgan oynani namoyish qilish uchun), tezkor (foydalanuvchidan ma'lumotlarni olish uchun);

muayyan harakatlarni muayyan vaqt oralig'ida bajarish va hk.

Agar siz brauzerda bir nechta yorliqlarni (derazalarni) ochsangiz, brauzer ushbu yorliqlar (derazalar) ochilganidek, qancha oyna ob'ektlarini yaratadi. Bular har safar tab (deraza) ochilganda, brauzer ushbu tab (deraza) bilan bog'liq bo'lgan yangi oyna ob'ektini yaratadi.

Quyidagi misollarni ko'rib chiqing:

Brauzerning joriy tabida (oynasida) joylashgan hujjat ob'ekti yozish usulini chaqiring:

windows.document.write ("Matn satri");

document.write ("Matn satri");

Brauzerning joriy tabida (derazasida) ogohlantirish usulini chaqiring:

windows.alert ("Xabar");

ogohlantirish ("matn qatori");

Navigator ob'ekti

navigator - brauzerda mavjud bo'lgan turli xil ma'lumotlarni olishingiz mumkin bo'lgan ma'lumot ob'ekti:

satr sifatida brauzerning o'zi haqida ma'lumot (User Agent);

ichki "kod" va rasmiy brauzer nomi;

brauzer versiyasi va tili;

tarmoq ulanishi ma'lumotlari va foydalanuvchi qurilmasining joylashuvi;

operatsion tizim haqida ma'lumot va boshqalar.

Tarix ob'ekti

tarix - bu bitta brauzer oynasida (tab) ichidagi havolalarga foydalanuvchi bosish tarixini olishga imkon beruvchi ob'ekt. Ushbu ob'ekt oldinga (oldinga) va orqaga (orqaga) tugmachalari uchun javobgardir. Tarix ob'ekti usullaridan foydalanib, siz ushbu tugmalarni bosishni taqlid qilishingiz, shuningdek hikoyadagi ma'lum miqdordagi havolalarni oldinga yoki orqaga o'tishingiz mumkin. Bundan tashqari, HTML5 History API paydo bo'lishi bilan, tarixga yozuvlarni qo'shish va o'zgartirish usullari, shuningdek oldinga (oldinga) va orqaga (orqaga) tugmachalarini bosib qayta ishlashingiz mumkin bo'lgan voqea veb-ishlab chiqaruvchiga ma'lum bo'ldi.

Joylashuv ob'ekti

manzil - brauzerning manzil satri uchun javobgar bo'lgan ob'ekt. Ushbu ob'ekt sizga imkon beradigan xususiyatlar va usullarni o'z ichiga oladi: brauzer sahifasining hozirgi manzilini olish, ko'rsatilgan URL-ga o'tish, sahifani qayta yuklash va hk.

Ekran ob'ekti

ekran - foydalanuvchi ekrani haqida ma'lumot beradigan ob'ekt: ekranning aniqligi, brauzer oynasining maksimal kengligi va balandligi, rangning chuqurligi va boshqalar.

Hujjat ob'ekti

hujjat - HTML hujjati brauzer oynasiga yuklangan (tab). Bu HTML-hujjatning asosiy tugunidir va boshqa barcha tugunlarning "egasi": elementlar, matnli tugunlar, atributlar va sharhlar. Hujjat ob'ekti barcha tugun ob'ektlariga kirishning xususiyatlari va usullarini o'z ichiga oladi. Hujjat, boshqa ob'ektlar singari, deraza ob'ektining bir qismidir va shuning uchun unga windows.document sifatida kirish mumkin.

80. JavaScriptда браузер объектлари модели (BOM) да Window Screen хусусиятлари. Изоҳланг ва мисоллар келтиринг.

B satrlari Object Model (BOM) uchun rasmiy standartlar yo'q.

Zamonaviy brauzerlar JavaScript interaktivligi uchun bir xil usul va xususiyatlarni (deyarli) amalga oshirganligi sababli, ko'pincha spetsifikatsiya usullari va xususiyatlari deb nomlanadi.

oyna ob'ekti

window ob'ekt barcha brauzerlar tomonidan qo'llab-quvvatlanadi. Bu quyidagilarni anglatadi: brauzer oynasi.

Barcha global JavaScript ob'ektlari, funktsiyalari va parametrlari avtomatik ravishda deraza ob'ekti elementlariga aylanadi.

Global o'zgaruvchilar - bu deraza ob'ektining xususiyatlari.

Global vazifalar - bu deraza ob'ekti usullari.

Hatto hujjat ob'ekti (HTML DOM dan) ham deraza ob'ekti xususiyatidir:

windows.document .getElementById ("sarlavha");

bu quyidagicha:

document.getElementById ("sarlavha");

oyna hajmi

Brauzer hajmini aniqlash uchun ikkita oyna xususiyatlaridan foydalanishingiz mumkin.

Ikkala xususiyat ham o'lchamlarini pikselga qaytaradi:

window.innerHeight - brauzer oynasining ichki balandligi (pikselda)

window.innerWidth - brauzer oynasining ichki kengligi (piksellarda)

Brauzer oynasida (brauzer ko'rinishi portali) asboblar paneli va o'tish panellari mavjud emas.

Internet Explorer 8, 7, 6, 5 uchun:

document.documentElement.clientHeight

document.documentElement.clientWidth

yoki

document.body.clientHeight

document.body.clientWidth

Amaliy JavaScript yechimi (barcha brauzerlarni qamrab olgan):

Misol:

JavaScript

The window.location object

JavaScript

The window.location object

JavaScript

The window.location object

JavaScript

The window.location object

JavaScript

The window.location object

Note: If the port number is default (80 for http and 443 for https), most browsers will display 0 or nothing.

JavaScript

The window.location object

This is a heading

This is a paragraph.

This is another paragraph.

Click me to hide paragraphs

This is a heading

This is a paragraph.

This is another paragraph.

Click me

This is a heading

This is a paragraph.

This is another paragraph.

Click me
If you click on me, I will disappear.

Click me away!

Click me too!

My first expression: {{ 5 + 15 }}

Total in dollar: {{ quantity * cost }}

Total in dollar:

The full name is: {{ firstName + " " + lastName }}

include("menu.php"); ?>

This is an example to show how to include PHP file!

This is an example to show how to include wrong PHP file!

require("xxmenu.php"); ?>

This is an example to show how to include wrong PHP file!