В этой статье мы поговорим об основных аспектах языка программирования JavaScript и DOM (объектная модель документов).
Использование фреймворков, таких как jQuery или Prototype – это отличный способ быстрой разработки приложений на JavaScript, но также важно знать и понимать базовые аспекты этого языка. Даже если вы используете только какую-то конкретную библиотеку, сегодняшняя информация все равно принесет вам пользу – понимание того, как что-то работает под «капотом», — это очень важно.
JavaScript – это динамический, свободно типизированный язык программирования на основе прототипов, который используется во многих средах WEB-разработки. Помимо того, что он является очень распространенным языком веб-программирования на стороне клиента, он также используется для написания плагинов для IDE и является основой для других платформ.
JavaScript основан на стандарте ECMAScript (ECMA-262) и был создан Бренданом Айхом из компании Netscape. Первоначально он назывался LiveScript, но позже был переименован в JavaScript.
Некоторые особенности JavaScript:
int
‘ (целое число). JavaScript отличается тем, что вам не нужно указывать тип переменной.
Объектная модель документа (DOM) – это API, через который JavaScript взаимодействует с контентом на сайте. JavaScript и DOM обычно рассматриваются как единое целое, поскольку для взаимодействия с контентом в Интернете чаще всего используется именно JavaScript. DOM API используется для доступа, просмотра и манипулирования HTML и XML документами.
Небольшие замечания о DOM:
window
является глобальным объектом, доступ к нему можно получить, просто набрав «window
». Именно внутри этого объекта выполняется весь код JavaScript. Как и у всех объектов, у него есть свойства и методы: window
.window
, все они могут называться «методами».<p>
‘), то к нему можно получить доступ через DOM как к узлу.
Если вы хотите использовать JavaScript на веб-сайте, он должен быть включен в элемент script
:
<!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> // <![CDATA[ ... // ]]> </script> </body> </html>
Выше мы внедрили элемент script
в наш документ (страницу). Атрибут type
имеет значение «text/javascript
» (вы также можете не использовать этот атрибут).
Если вы используете XHTML, то лучше добавьте строки (// <![CDATA[ … // ]]>
), чтобы обозначить, что содержимое является символьными данными и не должно интерпретироваться как разметка XHTML. Это действительно необходимо, если вы планируете использовать символы «<
» или «>
» в своем коде JavaScript. Не забудьте закомментировать эти строки (//
) для браузеров, которые не поддерживают XHTML.
Если вы используете простой HTML, очевидно, что вам не нужно использовать строки CDATA.
Если вы хотите создать ссылку на внешний файл сценария, просто добавьте атрибут src
к элементу script
с указанием ссылки на нужный файл. Обычно лучше использовать подключаемые скрипты, чем писать встроенный код, поскольку в этом случае браузер может закэшировать эти файлы. Кроме того, в этом случае не нужно беспокоиться о CDATA:
<script type="text/javascript" src="scripts.js"></script>
Любой JavaScript, который мы помещаем в элемент script
, будет запускаться при загрузке страницы. Единственное исключение – когда элемент script
имеет атрибут ‘defer
‘ или ‘async
‘. По умолчанию, когда браузер встречает элемент script
, он останавливается и запускает его код, а затем продолжает анализ документа. Атрибут defer
сообщает браузеру, что код не содержит кода, изменяющего документ, и поэтому может быть запущен позже.
На сегодня все. В следующих уроках мы продолжим изучение основ JavaScript.
Модели последних серий компании Apple пользуются большой популярностью, в том числе и iPhone 14 Pro…
Если хочешь узнать человека, не слушай, что о нем говорят другие, послушай, что он говорит…
Извинение — не означает, что ты не прав, а другой человек прав. Это всего лишь…
Атмосферу бумажной книги, запах свежих чернил и чуть залежавшейся бумаги сложно заменить гаджетами. Но электронные…