Истоки JavaScript, DOM

Истоки JavaScript

JavaScript был разработан Netscape, в сотрудничестве с Sun Microsystems. Перед JavaScript, Web-браузеры были довольно основных частей программного обеспечения, способного отображать гипертекстовые документы. JavaScript впоследствии представил добавить несколько дополнительных специй на веб-страницы и сделать их более интерактивными. Первая версия, JavaScript 1.0, дебютировал в Netscape Navigator 2 в 1995 году. На момент JavaScript 1.0 'S релиз, Netscape Navigator доминировал на рынке браузеров. Microsoft боролась, чтобы догнать своего браузера, Internet Explorer, и быстро последовать примеру Netscape's, выпустив свой собственный язык VBScript, наряду с версией JavaScript называемый JScript, с доставкой в Internet Explorer 3. В ответ на это, Netscape и ВС приступили к стандартизации языка, вместе с EВРОПЕЙСКОГО Computer Мanufacturers ssociation (ECMA).

В результате ECMAScript, еще одно имя для одного языка. Хотя имя никогда не застряли, мы действительно должны быть ссылки на JavaScript как ECMAScript. JavaScript, ECMAScript, JScript-угодно назвать, набирало силу к 1996 году. 3 версий браузеров Netscape и Microsoft и поддерживает язык JavaScript 1.1 в различной степени. Я хотел бы отметить, что JavaScript не имеет ничего общего с Java, язык программирования, разработанный Sun Microsystems. JavaScript изначально будет называться LiveScript. "JavaScript", вероятно, выбрали, чтобы новые звуки языка, как это было в хорошей компании. К сожалению, выбор этого имени действительно только привело к смешению двух Языки в умах людей-путаницы, которая усугубляется тем, что веб-браузер также поддерживает форму на стороне клиента Java. Однако, несмотря на силу Java заключается в том, что он теоретически может быть развернуты практически в любой среде, JavaScript всегда была предназначена для пределы браузера. JavaScript это язык сценариев.

Это означает, что в отличие от программы, которая делает все сам, язык JavaScript просто сообщает веб-браузера, что делать. Веб-браузер интерпретирует скрипт и выполняет всю работу, поэтому JavaScript часто сравнивают с неблагоприятным составлен Языки программирования, как Java и C + +. Однако относительная простота JavaScript является также его прочность. Потому что она имеет низкий барьер входа, не программистов, которые хотели вырезать и вставлять скрипты в существующие веб-страницы быстро приняли язык. JavaScript также предложила разработчикам возможности манипулировать аспектами веб-браузере. Например, язык может быть используется, чтобы управлять свойствами окна браузера, такие как высота, ширина и положение. Обращаясь собственных свойств браузера таким образом, может рассматриваться как Browser Object Model (БВУ). Ранние версии JavaScript представила также примитивно рода Document Object Model.

Что такое Document Object Model?

Короче говоря, Document Object Model (DOM) является способом осмысления содержания документа. В реальном мире, мы все разделяем то, что я назову мир объектная модель. Мы можем сослаться на объекты в нашей среде, используя такие термины, как "автомобиль", "дома" и "дерево" и быть уверены, что наши условия будут поняты. Это потому, что мы взаимно согласованы, какие объекты слова относятся к конкретно. Если я говорю: "Машина находится в гараже", можно с уверенностью предположить, что вы не будете считать, что означает "птица находится в шкафу." Наш мир объектной модели не ограничивается материальными предметами, хотя-это также относится к понятиям.

Например, я мог бы сослаться на "третий дом слева", давая вам направление. Для этого описанием смысла понятия "третьи" и "левых" надо понимать. Если я даю это описание кому-нибудь, кто не может рассчитывать, или кто не может сказать слева от права, то описание сути бессмысленным, так или не слова были поняты. В действительности, так как люди договорились о концептуальной модели мира , очень краткие описания могут быть полными смысла. Я могу быть уверены, что другие разделяют мое концепции "левого" и "третий". Это такая же ситуация с веб-страниц. Ранние версии JavaScript предложила разработчикам возможность запроса и управлять некоторыми из фактического содержания веб-документы основного изображения и формы. Потому что термины "изображений" и "формы" были определены заранее, JavaScript может быть использована для решения "третье изображение в документ" или "форму с именем" детали, "как показано ниже:

document.images [2] document.forms [ 'Подробности']

Этот первый, предварительный рода Document Object Model часто упоминается как DOM Level 0. В те далекие, беззаботные дни, наиболее распространенным использованием DOM Level 0 был для опрокидывания изображений и некоторые клиентские проверки стороне формы. Но когда четвертое поколение браузеров Netscape и Microsoft появился, DOM действительно попало в вентилятор.

Браузер война

Netscape Navigator 4 (NN4) был выпущен в июне 1997 года, а в октябре того же года, Internet Explorer 4 (ie4) также был освобожден. Оба браузера обещали много улучшений в предыдущих версиях, наряду со многими дополнениями к тому, что можно достичь с помощью JavaScript, используя значительно расширены DOM. Веб-дизайнерам было предложено тест-драйв последней Buzzword: DHTML.

Слово D: DHTML

DHTML была короткой для динамического HTML. Не технология сама по себе, DHTML была сокращенная термина для описания брак HTML, CSS и JavaScript. Доводы DHTML выглядел так: вы можете использовать HTML для разметки веб-страницы на элементы. Вы можете использовать CSS стиля и позиции этих элементов. Вы можете использовать JavaScript, чтобы манипулировать и изменить эти стили "на лету". DHTML сослался на Сочетание этих трех методов. Использование DHTML, сложные эффекты анимации вдруг стало возможным. Допустим, вы использовали HTML для разметки элемента страницы следующим образом:

Затем можно использовать CSS для позиционирования применяются стили, как это:

# (myelement позиции: абсолютный; слева: 50px; Top: 100px;)

Затем, используя JavaScript, Вы можете изменить левом верхнем и стили myelement, чтобы переместить его окрестности на этой странице. Ну, это была теория так или иначе. Несчастью для разработчиков, как браузеры используются различные, несовместимые заморских департаментах. Хотя браузер производители выступают за те же цели, каждый из них подошел к вопросу ДОМ в совершенно различными способами.

Столкновение браузеров

Netscape DOM сделал использования патентованных элементов, называемых слоями. Эти слои были даны уникальные идентификаторы и затем обратился через скрипт так:

document.layers [ 'myelement']

Тем временем, Microsoft DOM будет касаться того же элемента следующим образом:

document.all [ 'myelement']

Различия не заканчиваются. Скажем, вы хотели узнать левом положении myelement и присвоить его переменной Xpos. В Netscape Navigator 4 вы могли бы сделать это следующим образом:

VAR Xpos = document.layers [ 'myelement']. налево;

Вот как вы могли бы сделать то же самое в Internet Explorer 4:

VAR Xpos = document.all [ 'myelement']. LeftPos;

Это было четко смешном положении. Разработчикам пришлось вилкой своего кода для выполнения каких-либо сценариев DOM. В сущности, многие сценарии были написаны дважды, один раз за NN4 и один раз для IE4. Изощренные браузера нюхает часто требуется выполнять свои функции до правильный сценарий. DHTML обещали мир возможностей. Но тот, кто действительно попытался использовать его обнаружили целый мир, а не более. Это было незадолго до DHTML стал грязным (Buzz) слово. Технологии быстро получил репутацию как Hyped снова и слишком сложно реализовать.

Повышение уровня

Хотя браузер производители были заняты участие в их борьбе за превосходство, и использование конкурирующими заморских в качестве оружия в войне, W3C спокойно положить вместе стандартизированных Document Object Model. К счастью, производители браузеров смогли выделить их взаимной враждебности. Netscape, Microsoft и другие производители браузере работали вместе с W3C по новому стандарту и DOM Level 1 была завершена в октябре 1998 года. Возвращаясь к нашему примеру, давайте взглянем на то, как новые стандартизированные DOM будет заниматься той же ситуации. Помните, у нас есть