javascript браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom)

PPTX 38 sahifa 729,3 KB Bepul yuklash

38 sahifa

FaylHub.uz

Telegram orqali yuklab olish

Hajm 729,3 KB

Fayl turi PPTX

Sahifalar 38

Yangilangan Dek 2025

Sahifa ko'rinishi (5 sahifa)

Pastga aylantiring 👇

1 / 38

javascript асослари. javascript сценарийларини html-хужжат билан боғлаш. ўзгарувчилар. маълумотлар турлари. массивлар. операторлар. javascript браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom). date объекти усуллари ва хусусиялари. режа: ҳужжатнинг объектли модели ҳақида тушунча (dom). ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари ҳужжатнинг объектли моделида html объектлари билан ишлаш. ҳужжатнинг объектли моделида css хусусиятлари билан ишлаш. ҳужжатнинг объектли моделида анимация билан ишлаш. 2 ҳужжатнинг объектли модели ҳақида тушунча (dom) dom – document object model - ҳужжатнинг объектли модели веб-саҳифа юкланганда, браузерда саҳифанинг объектли моделини яратилади. html dom дан фойдаланиб, html ҳужжатнинг барча элементларига кириш ва элемент хусусият (атрибут) ларини ўзгартириш имконияти мавжуд. ҳужжатнинг объектли модели ҳақида тушунча (dom) dom – w3c (world wide web consortium) нинг стандарти ҳисобланади. dom – ҳужжат элементлари хусусиятларига кириш учун стандартни белгилайди. w3c document object model (dom) – бу скриптлар орқали ҳужжатнинг контенти, тузилиши ва стилини динамик равишда ўзгартиришга имкон берадиган платформа ва нейтрал интерфейс …

2 / 38

ascriptда саҳифадаги барча css стилларни ўзгартириш мумкин. 4 javascriptда саҳифадаги мавжуд html элемент ва атрибутларни ўчириш мумкин. 5 javascriptда саҳифага янги html элемент ва атрибутларни қўшиш мумкин. 6 javascriptда саҳифадаги мавжуд барча html ҳодисаларига жавоб қайтариши мумкин. 7 javascriptда саҳифага янги html ҳодисаларни яратиш мумкин. ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари html dom усуллари (функция) – бу html элементларида фойдаланувчи бажариши мумкин бўлган ҳаракатлар ҳисобланади. html dom хусусиятлари – бу html элементларининг ўзгартирилиши (ўрнатилиши) мумкин бўлган қийматлари ҳисобланади. ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари html элементларни топиш функция (усуллари) document.getelementbyid(id) элементларни id номи билан топади document.getelementsbytagname(name) элементларни тег номи билан топади document.getelementsbyclassname(name) элементларни class номи билан топади ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари html элементларни ўзгартириш хусусият ва функциялари element.innerhtml = new html content элементнинг html контентини ўзгартириш element.attribute = new value html элементининг атрибут қийматини ўзгартириш element.style.property = new style html элементининг стилини …

3 / 38

ш 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 ҳужжатнинг объектли моделида css хусусиятлари билан ишлаш 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 is a paragraph. this is another paragraph. remove element function myfunction() { var parent = document.getelementbyid("div1"); var child = document.getelementbyid("p1"); parent.removechild(child); } remove() this is a paragraph. this is another …

4 / 38

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 ҳодисалар 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 браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom). date объекти усуллари ва хусусиялари. ii қисм режа: javascript браузер объекти модели (bom). javascript window объекти усуллари. javascript window screen хусусияти. javascript window location, history, navigator. date объекти усуллари ва хусусиялари. 24 javascript …

5 / 38

ow объекти усуллари. windows.open () янги ойна очиш. windows.close () жорий ойнани ёпиш. windows.moveto () жорий ойнани силжитиш. window.resizeto () жорий ойнани ҳажмини ўзгартириш javascript window screen хусусияти screen.width ташриф буюрувчилар экранининг кенглигини пикселга қайтаради. screen.height ташриф буюрувчилар экранининг баландлигини пикселга қайтаради. screen.availwidth wиндоwс-нинг вазифалар панелидаги каби интерфейснинг минус пикселларида, ташриф буюрувчилар экранининг кенглигини қайтаради. screen.availheight wиндоwс-нинг вазифалар панелидаги каби интерфейснинг минус пикселларида, ташриф буюрувчилар экранининг баландлигини қайтаради screen.pixeldepth экраннинг пиксел чуқурлигини қайтаради 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 объекти жорий саҳифа манзилини (url) олиш ва браузерни янги саҳифага йўналтириш учун ишлатилиши мумкин. window.location.href - жорий саҳифанинг href (url) манзилини қайтаради. windows.location.hostname - веб-хостнинг домен номини қайтаради. window.location.pathname - жорий саҳифанинг йўлини ва файл номини қайтаради. window.location.protocol - ишлатилган веб-протоколни қайтаради (http: ёки https:) window.location.assign () янги ҳужжатни юклайди. javascript the …

Ko'proq o'qimoqchimisiz?

Barcha 38 sahifani Telegram orqali bepul yuklab oling.

To'liq faylni yuklab olish

"javascript браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom)" haqida

javascript асослари. javascript сценарийларини html-хужжат билан боғлаш. ўзгарувчилар. маълумотлар турлари. массивлар. операторлар. javascript браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom). date объекти усуллари ва хусусиялари. режа: ҳужжатнинг объектли модели ҳақида тушунча (dom). ҳужжатнинг объектли модели билан ишлаш функция ва хусусиятлари ҳужжатнинг объектли моделида html объектлари билан ишлаш. ҳужжатнинг объектли моделида css хусусиятлари билан ишлаш. ҳужжатнинг объектли моделида анимация билан ишлаш. 2 ҳужжатнинг объектли модели ҳақида тушунча (dom) dom – document object model - ҳужжатнинг объектли модели веб-саҳифа юкланганда, браузерда саҳифанинг объектли моделини яратилади. html dom дан фойдаланиб, html ҳужжатнинг барча элементларига кириш ва элемент хусусият (а...

Bu fayl PPTX formatida 38 sahifadan iborat (729,3 KB). "javascript браузер ва веб-ҳужжат объектлари модели билан ишлаш (bom, dom)"ni yuklab olish uchun chap tomondagi Telegram tugmasini bosing.

Teglar: javascript браузер ва веб-ҳужжа… PPTX 38 sahifa Bepul yuklash Telegram