Документация javascript: Справочник по JavaScript — JavaScript

Руководство JavaScript — JavaScript | MDN

Руководство JavaScript — JavaScript | MDN
  • Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • Already a subscriber?
  • Get MDN Plus

Эта страница была переведена с английского языка силами сообщества. Вы тоже можете внести свой вклад, присоединившись к русскоязычному сообществу MDN Web Docs.

In this article

  • Главы

«Руководство по JavaScript» покажет вам как использовать JavaScript и даст общее представление о языке. Если вам нужна исчерпывающая информация о возможностях языка, посмотрите руководство JavaScript.

Это руководство разделено на несколько глав:

  • Введение Об этом руководстве О JavaScript JavaScript и Java ECMAScript Инструменты Hello World
  • Грамматика и типы Базовый синтаксис и комментарии Объявления Область видимости переменных Поднятие переменных Структуры и типы данных Литералы
  • Порядок выполнения и обработка ошибок if. ..else switch try/catch/throw Объекты Error Объект Promise
  • Циклы и итерации for while do...while break/continue for..in for..of
  • Функции Объявление функций Вызов функций Область видимости функций Замыкания Аргументы и параметры Стрелочные функции
  • Выражения и операторы Присваивание и Сравнение Арифметические операторы Побитовые операторы и логические операторы Условный (тернарный) операторы
  • Числа и даты Числовые литералы Объект Number Объект Math Объект Date
  • Форматирование текста Строковые литералы Объект String Шаблонные литералы Интернационализация Регулярные выражения
  • Индексированные коллекции Массивы Типизированные массивы
  • Коллекции Map WeakMap Set WeakSet
  • Работа с объектами Объекты и свойства Создание объектов Определение методов Геттеры и Сеттеры
  • Подробнее про объектную модель Прототипно-ориентированное ООП Создание иерархии объектов Наследование
  • Промисы Гарантии Цепочка вызовов Распространённые ошибки Композиция Порядок выполнения
  • Итераторы и Генераторы Итераторы Итерируемые объекты Генераторы
  • Мета программирование Объект Proxy Обработчики и ловушки Отзываемый Proxy Рефлексия
  • Следующая статья »

Last modified:

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

JavaScript запускается на стороне клиента Интернета, который может использоваться для создания/программирования того, как веб-страницы будут вести себя при наступлении каких-либо событий. JavaScript легко изучить, а также это мощный скриптовый язык, широко используемый для контролирования поведения веб-страниц.

Вопреки распространённому мнению, JavaScript не является «интерпретируемым Java». В двух словах, JavaScript — это динамический скриптовый язык, поддерживающий прототипное создание объектов. Базовый синтаксис намеренно похож на Java и C++, чтобы уменьшить число новых концепций, необходимых для изучения языка. Такие языковые конструкции, как

if, for, while, switch, try ... catch похожи на конструкции этих языков.

JavaScript может функционировать и как процедурный, и как объектно-ориентированный (en-US) язык. Объекты можно создавать программно во время выполнения, путём присоединения методов и свойств или пустых объектов во время выполнения, в отличие от синтаксических определений классов в компилируемых языках, таких как С++ или Java. После того, как объект был создан, он может быть использован в качестве плана (или прототипа) для создания похожих объектов.

Динамические возможности JavaScript включают: создание объектов во время выполнения, переменное число параметров, динамическое создание скриптов (с помощью eval), перебор объектов (с помощью for .

.. in), восстановление исходного кода (программы на JavaScript могут декомпилировать тела функций обратно в исходный код).

Для более глубокого погружения в программирование на JavaScript, используйте ссылки ниже в разделе Ресурсы по JavaScript.

Mozilla предоставляет две реализации JavaScript. Самая первая реализация JavaScript была создана Бренданом Эйхом (Brendan Eich) в компании Netscape, и с тех пор обновляется, чтобы соответствовать ECMA-262 Edition 5 и более поздним версиям. Этот движок называется SpiderMonkey и реализован на языке C/C++. Движок Rhino создан Норрисом Бойдом (Norris Boyd) и реализован на языке Java. Как и SpiderMonkey, Rhino соответствует ECMA-262 Edition 5.

Несколько оптимизаций, таких как TraceMonkey (Firefox 3.5), JägerMonkey (Firefox 4) и IonMonkey, добавили в SpiderMonkey со временем. Работа всегда продолжается, чтобы улучшить производительность выполнения JavaScript.

Кроме вышеприведённых существуют и другие популярные реализации:

  • V8 от Google, используемый в браузерах Google Chrome и последних версиях Opera. Также используется в Node.js.
  • JavaScriptCore (SquirrelFish/Nitro), используемый в WebKit браузерах, например, в Apple Safari.
  • Carakan используется в старых версиях Opera.
  • Chakra используется в Internet Explorer (язык, который реализует данный движок, называется JScript, чтобы избежать проблем с авторскими правами).

Каждый движок mozilla.org предоставляет публичный API, который могут использовать разработчики приложений для интеграции JavaScript в своё ПО. Однако, наиболее распространённой средой для JavaScript являются веб-браузеры. Веб-браузеры обычно используют публичный API для создания объектов среды, отражающих DOM в JavaScript.

JavaScript также применяется как скриптовый язык на стороне сервера. JavaScript сервер предоставляет объекты среды, представляющие объекты HTTP запросов и ответов, которые могут быть использованы программой на JavaScript для динамической генерации веб-страниц. Популярным примером является Node.

js.

SpiderMonkey

SpiderMonkey — это интерпретатор языка JavaScript, написанный на языке C. Информация, относящаяся к реализации движка JavaScript Mozilla на C/C++ (aka SpiderMonkey), включая, как вставлять его в приложения.

Rhino

Информация, относящаяся к реализации JavaScript, написанной на Java (aka Rhino).

Ресурсы по языку

Ссылки на опубликованные стандарты по JavaScript.

Повторное введение в JavaScript

Руководство и справочник по JavaScript.

JavaScript® — торговая марка или зарегистрированная торговая марка Oracle в США и других странах.

Last modified: , by MDN contributors

Документ JavaScript DOM

❮ Предыдущий Далее ❯


Объект документа HTML DOM является владельцем всех других объектов на вашей веб-странице.


Объект документа HTML DOM

Объект документа представляет вашу веб-страницу.

Если вы хотите получить доступ к любому элементу на HTML-странице, вы всегда начинаете с доступа к объект документа.

Ниже приведены несколько примеров того, как вы можете использовать объект документа для доступа и манипулировать HTML.


Поиск элементов HTML

Метод Описание
документ.getElementById ( идентификатор ) Найти элемент по идентификатору элемента
document.getElementsByTagName( имя ) Поиск элементов по имени тега
документ.getElementsByClassName( имя ) Поиск элементов по имени класса

Изменение элементов HTML

Собственность Описание
элемент .innerHTML =  новый HTML-контент Изменить внутренний HTML элемента
элемент . Атрибут = новое значение Изменить значение атрибута элемента HTML
элемент . стиль. свойство = новый стиль Изменить стиль элемента HTML
Метод Описание
элемент .setAttribute (атрибут, значение) Изменить значение атрибута элемента HTML

Добавление и удаление элементов

Метод Описание
document.createElement( элемент ) Создать элемент HTML
document.removeChild( элемент ) Удалить элемент HTML
document.appendChild ( элемент ) Добавить элемент HTML
document.replaceChild( новый, старый ) Заменить элемент HTML
документ.запись ( текст ) Запись в поток вывода HTML


Добавление обработчиков событий

Метод Описание
document. getElementById( id ).onclick = function(){ code } Добавление кода обработчика события к событию onclick

Поиск объектов HTML

Первый уровень HTML DOM 1 (1998 г.) определил 11 объектов HTML, коллекций объектов и свойств. Они по-прежнему действительны в HTML5.

Позже, в HTML DOM Level 3, было добавлено больше объектов, коллекций и свойств.

.
Свойство Описание ДОМ
документ.якоря Возвращает все элементы , имеющие атрибут имени 1
документ.апплеты Устарело 1
документ.baseURI Возвращает абсолютный базовый URI документа 3
документ.корпус Возвращает элемент 1
документ.cookie Возвращает файл cookie документа 1
документ. doctype Возвращает тип документа 3
документ.элемент документа Возвращает элемент 3
документ.режим документа Возвращает режим, используемый браузером 3
URI документа.document Возвращает URI документа 3
документ.домен Возвращает доменное имя сервера документов 1
документ.domConfig Устарело. 3
документ.встраивает Возвращает все элементы 3
документ.формы Возвращает все элементы
1
документ.заголовок Возвращает элемент 3
документ.изображения Возвращает все элементы 1
документ. реализация Возвращает реализацию DOM 3
документ.inputEncoding Возвращает кодировку документа (набор символов) 3
документ.lastModified Возвращает дату и время обновления документа 3
документ.ссылки Возвращает все элементы и , имеющие атрибут href 1
документ.readyState Возвращает статус (загрузки) документа 3
документ.реферер Возвращает URI реферера (ссылающегося документа) 1
документ.скрипты Возвращает все элементы