javascript va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom)

PPTX 38 pages 715,5 KB Free download

Page preview (5 pages)

Scroll down 👇
1 / 38
javascript asoslari. javascript stsenariylarini html-xujjat bilan bog'lash. o'zgaruvchilar. ma'lumotlar turlari. massivlar. operatorlar. javascript brauzer va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom). date ob'ekti usullari va xususiyalari. i qism multimedia texnologiyalari kafedrasi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti reja: hujjatning ob'ektli modeli haqida tushuncha (dom). hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari hujjatning ob'ektli modelida html ob'ektlari bilan ishlash. hujjatning ob'ektli modelida css xususiyatlari bilan ishlash. hujjatning ob'ektli modelida animatsiya bilan ishlash. 2 hujjatning ob'ektli modeli haqida tushuncha (dom) dom – document object model - hujjatning ob'ektli modeli veb-sahifa yuklanganda, brauzerda sahifaning ob'ektli modelini yaratiladi. html dom dan foydalanib, html hujjatning barcha elementlariga kirish va element xususiyat (atribut) larini o'zgartirish imkoniyati mavjud. hujjatning ob'ektli modeli haqida tushuncha (dom) dom – w3c (world wide web consortium) ning standarti hisoblanadi. dom – hujjat elementlari xususiyatlariga kirish uchun standartni belgilaydi. w3c document object model (dom) – bu skriptlar orqali hujjatning kontenti, …
2 / 38
yaratish imkoniyati mavjud: 1 javascriptda sahifadagi barcha html elementlarni o'zgartirish mumkin. 2 javascriptda sahifadagi barcha html elementlar atributlarini o'zgartirish mumkin. 3 javascriptda sahifadagi barcha css stillarni o'zgartirish mumkin. 4 javascriptda sahifadagi mavjud html element va atributlarni o'chirish mumkin. 5 javascriptda sahifaga yangi html element va atributlarni qo'shish mumkin. 6 javascriptda sahifadagi mavjud barcha html hodisalariga javob qaytarishi mumkin. 7 javascriptda sahifaga yangi html hodisalarni yaratish mumkin. hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari html dom usullari (funktsiya) – bu html elementlarida foydalanuvchi bajarishi mumkin bo'lgan harakatlar hisoblanadi. html dom xususiyatlari – bu html elementlarining o'zgartirilishi (o'rnatilishi) mumkin bo'lgan qiymatlari hisoblanadi. hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari html elementlarni topish funktsiya (usullari) document.getelementbyid(id) elementlarni id nomi bilan topadi document.getelementsbytagname(name) elementlarni teg nomi bilan topadi document.getelementsbyclassname(name) elementlarni class nomi bilan topadi hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari html elementlarni o'zgartirish xususiyat va funktsiyalari element.innerhtml = new html …
3 / 38
faga yozish remove() html elementni olib tashlash (eski brauzerlarda ishlamaydi) hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari document.getelementbyid("demo").innerhtml = "hello world!"; usul xususiyat hujjatning ob'ektli modelida html ob'ektlari bilan ishlash document.write(date()); javascript can change html hello world! document.getelementbyid("p1").innerhtml = "new text!"; the paragraph above was changed by a script. document.getelementbyid(id).innerhtml = new html hujjatning ob'ektli modelida css xususiyatlari bilan ishlash my heading 1 click me! hello world! hello world! document.getelementbyid("p2").style.color = "blue"; document.getelementbyid("p2").style.fontfamily = "arial"; document.getelementbyid("p2").style.fontsize = "larger"; the paragraph above was changed by a script. document.getelementbyid(id).style.property = new style document.createelement(element), document.appendchild(element) this is a paragraph. this is another paragraph. var para = document.createelement("p"); var node = document.createtextnode("this is new."); para.appendchild(node); var element = document.getelementbyid("div1"); element.appendchild(para); insertbefore() this is a paragraph. this is another paragraph. var parag = document.createelement("p"); var node = document.createtextnode("this is new paragraph."); parag.appendchild(node); var element = document.getelementbyid("div1"); var child = document.getelementbyid("p1"); element.insertbefore(parag, child); document.removechild(element) this …
4 / 38
{ var parent = document.getelementbyid("div1"); var child = document.getelementbyid("p1"); var para = document.createelement("p"); var node = document.createtextnode("this is new."); para.appendchild(node); parent.replacechild(para,child); } #container { width: 400px; height: 400px; position: relative; background: yellow; } #animate { width: 50px; height: 50px; position: absolute; background-color: red; } clickme function mymove() { var elem = document.getelementbyid("animate"); var pos = 0; var id = setinterval(frame, 5); function frame() { if (pos == 350) { clearinterval(id); } else { pos++; elem.style.top = pos + "px"; elem.style.left = pos + "px"; } } } 1 2 2 function myfunction() { var x = document.getelementbyid("fname"); x.value = x.value.touppercase(); } enter your name: javascript html dom hodisalar onclick=javascript 1 2 mouse over this text click me function mdown(obj) { obj.style.backgroundcolor = "#1ec5e5"; obj.innerhtml = "release me"; } function mup(obj) { obj.style.backgroundcolor="#d94a38"; obj.innerhtml="thank you"; } javascript brauzer va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom). date ob'ekti usullari va xususiyalari. …
5 / 38
(bom) barcha global javascript ob'ektlari, funktsiyalari va parametrlari avtomatik ravishda window ob'ekti a'zolariga aylanadi. global o'zgaruvchilar - bu window ob'ektining xususiyatlari. global funktsiyalar - bu window ob'ektining usullari. hatto hujjat ob'ekti (html dom) ham window ob'ekti xususiyatidir. javascript brauzer ob'ekti modeli window location history navigator screen document forms images links javascript window ob'ekti usullari. windows.open () yangi oyna ochish. windows.close () joriy oynani yopish. windows.moveto () joriy oynani siljitish. window.resizeto () joriy oynani hajmini o'zgartirish javascript window screen xususiyati screen.width tashrif buyuruvchilar ekranining kengligini pikselga qaytaradi. screen.height tashrif buyuruvchilar ekranining balandligini pikselga qaytaradi. screen.availwidth windows-ning vazifalar panelidagi kabi interfeysning minus piksellarida, tashrif buyuruvchilar ekranining kengligini qaytaradi. screen.availheight windows-ning vazifalar panelidagi kabi interfeysning minus piksellarida, tashrif buyuruvchilar ekranining balandligini qaytaradi screen.pixeldepth ekranning piksel chuqurligini qaytaradi document.getelementbyid("demo").innerhtml="screen height is "+screen.height; document.getelementbyid("demo").innerhtml = "available screen width is " + screen.availwidth; document.getelementbyid("demo").innerhtml= "screen color depth is " + screen.colordepth; javascript window location windows.location ob'ekti …

Want to read more?

Download all 38 pages for free via Telegram.

To'liq yuklab olish

About "javascript va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom)"

javascript asoslari. javascript stsenariylarini html-xujjat bilan bog'lash. o'zgaruvchilar. ma'lumotlar turlari. massivlar. operatorlar. javascript brauzer va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom). date ob'ekti usullari va xususiyalari. i qism multimedia texnologiyalari kafedrasi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti reja: hujjatning ob'ektli modeli haqida tushuncha (dom). hujjatning ob'ektli modeli bilan ishlash funktsiya va xususiyatlari hujjatning ob'ektli modelida html ob'ektlari bilan ishlash. hujjatning ob'ektli modelida css xususiyatlari bilan ishlash. hujjatning ob'ektli modelida animatsiya bilan ishlash. 2 hujjatning ob'ektli modeli haqida tushuncha (dom) dom – document object model - hujjatning ob'ektli modeli veb-sahifa yukla...

This file contains 38 pages in PPTX format (715,5 KB). To download "javascript va veb-hujjat ob'ektlari modeli bilan ishlash (bom, dom)", click the Telegram button on the left.

Tags: javascript va veb-hujjat ob'ekt… PPTX 38 pages Free download Telegram