Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > DOM - с помощью него явакскрипт может динамически


Автор: Gunslinger 3.9.2010, 16:02
Заинтересовался веб-разработкой, но до этого был только академический опыт написания html в блокноте, статические страницы. Поискал темы в ветке - получается DOM используют для взаимодействия яваскрипта с html-кодом страницы. Т.е. яваскрип работает на стороне браузера, отслеживая действия пользователя и соответственно изменяет код страницы(если есть обработчики пользовательских событий) через объект document DOM? Можете привести пяток примеров (без кода), чтобы я понял все возможности такого взаимодействия? Пока вспоминается только свой простенький опыт со статикой, что-то сложнее представить трудно. 

Автор: CruorVult 3.9.2010, 16:17
а гуглом пользоваться не пробовали?

Автор: Gunslinger 3.9.2010, 18:03
Цитата(CruorVult @  3.9.2010,  16:17 Найти цитируемый пост)
а гуглом пользоваться не пробовали? 

пробовал. в вики описание не большое. сейчас нашел на ibm пару статей. вопрос пока остался. 

Автор: ksnk 3.9.2010, 18:27
Цитата(Gunslinger @  3.9.2010,  16:02 Найти цитируемый пост)
Можете привести пяток примеров (без кода), чтобы я понял все возможности такого взаимодействия? 

Любой http://www.w3schools.com/js/default.asp по javascript'у даст не один дсяток примеров. Даже с кодом...


Автор: magelan 3.9.2010, 22:59
Gunslinger,

очень сложно бъяснять "базовые" понятия человеку, который вроде бы пишет "по умному".
Ты увернулся от термина DOM, не представлю как тебе это удалось.

объясняю тупо на пальцах. есть объект, который в виде дерева содержит в себе все элементы страницы, имеет много разных методов и свойств для работы с ними.

Навелся пользователь на ячейку таблицы, браузер сгенерил событие, мышастый над объектом, ты из яваскипта можешь узнать над каким объектом и перекрасить его, например.
Тыкнул пользователь кнопочку еще... ты на форме создал еще один инпут для ввода телефона.
Тыкнуль пользователь в картинку, ты затемнил фон, показал картинку крупно.

Короче, все визуальные задачи решаются с непосредственным участием этого самого DOM. При этом все браузеры очень стараются все что касается DOM делать одинакого, с некоторыми нюансами, конечно.

Автор: Gunslinger 4.9.2010, 07:06
ksnk, спасибо за туторы.

Цитата(magelan @  3.9.2010,  22:59 Найти цитируемый пост)
есть объект, который в виде дерева содержит в себе все элементы страницы,

эту теорию я уже знаю.

Цитата(magelan @  3.9.2010,  22:59 Найти цитируемый пост)
Тыкнул пользователь кнопочку еще... ты на форме создал еще один инпут для ввода телефона.
Тыкнуль пользователь в картинку, ты затемнил фон, показал картинку крупно

Вот из-за такого непонятки - как-то брался изучать php, успел немного ознакомиться, поэтому думал, что вся эта динамика создается им, а не DOM.
а за примеры спасибо.

Автор: bars80080 4.9.2010, 14:45
Цитата(Gunslinger @  4.9.2010,  07:06 Найти цитируемый пост)
как-то брался изучать php, успел немного ознакомиться, поэтому думал, что вся эта динамика создается им

в таком случае надо обязательно прочитать эту статейку http://phpfaq.ru/na_tanke
все читают, и получают базовое просветление

Автор: Gunslinger 5.9.2010, 14:15
Цитата(bars80080 @  4.9.2010,  14:45 Найти цитируемый пост)
в таком случае надо обязательно прочитать эту статейку

Спасибо за статью. PHP выполняется на сервере, может генерировать html, может и JS-код внутри них, JS выполняется на клиенте. Так понял, что в вебе MVC реализована html (M), CSS(V), JS и PHP (С)? А DOM - связь между С и М.

Автор: bars80080 5.9.2010, 17:03
Цитата(Gunslinger @  5.9.2010,  14:15 Найти цитируемый пост)
А DOM - связь между С и М.

никак нет. DOM - это document object model, объектная модель документа. она относится исключительно к html и js, и не важно что там на сервере php или asp, потому что DOM действует только в браузере

DOM, грубо говоря, это стандарт представления документа. документом у нас является вэб-страница, согласно стандартам w3c, браузер, приняв страницу, строит из неё виртуальную модель у себя в памяти, и затем мы начинаем с помощью специального интерфейса (под названием язык javascript) работать с ней. DOM описывает как структуру самого документа (что во что вложено, в каком порядке), так и свойства, которые имеются у элементов документа, и методы с помощью которых можно оперировать этими элементами

php здесь вообще не причём. DOM может работать и со статическими страницами, и с документами xml


Цитата(Gunslinger @  5.9.2010,  14:15 Найти цитируемый пост)
Так понял, что в вебе MVC реализована html (M), CSS(V), JS и PHP (С)

я посмотрел по постам, вам тут никто не говорил о MVC, поэтому даже не знаю кому пенять за то, что вам в голове устроили бардак.
MVC - это система разделения кода. в данном случае она применяется на серверной стороне, в php. отношения к html и js она не имеет. (хотя чем чёрт не шутит, может и здесь она может быть реализована). MVC - это штука из другой оперы, она определяет механизмы взаимодействия отдельных модулей. конкретней - это искать примеры и определения в сети. но при разговоре о javascript или css, MVC даже близко не упоминается.

Автор: Gunslinger 5.9.2010, 17:15
Цитата(bars80080 @  5.9.2010,  17:03 Найти цитируемый пост)
никто не говорил о MVC,

В одной из статей по пхп, что по ссылке, было сказано, что описание представления выносят в css файл, чтобы не нагромождать код в html. Сразу mvc в голову пришло. Похоже рефлекс ужеsmile 
В общем смысл с DOMом ясна, всем спасибо за помощь.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)