Обучение js: Привет, Мир! | JavaScript

Современный учебник JavaScript

Язык JavaScript

Здесь вы можете изучить JavaScript, начиная с нуля и заканчивая продвинутыми концепциями вроде ООП.

Мы сосредоточимся на самом языке, изредка добавляя заметки о средах его исполнения.

Введение

• Введение в JavaScript

• Справочники и спецификации

• Редакторы кода

• Консоль разработчика

Основы JavaScript

• Привет, мир!

• Структура кода

• Строгий режим — «use strict»

• Переменные

• Типы данных

• Взаимодействие: alert, prompt, confirm

• Преобразование типов

• Базовые операторы, математика

• Операторы сравнения

• Условное ветвление: if, ‘?’

• Логические операторы

• Оператор нулевого слияния (??)

• Циклы while и for

• Конструкция «switch»

• Функции

• Function Expression

• Стрелочные функции, основы

• Особенности JavaScript

• Далее…

Качество кода

• Отладка в браузере

• Советы по стилю кода

• Комментарии

• Ниндзя-код

• Автоматическое тестирование c использованием фреймворка Mocha

• Полифилы

Объекты: основы

• Объекты

• Копирование объектов и ссылки

• Сборка мусора

• Методы объекта, «this»

• Конструктор, оператор «new»

• Опциональная цепочка ‘?. ‘

• Тип данных Symbol

• Преобразование объектов в примитивы

Типы данных

• Методы примитивов

• Числа

• Строки

• Массивы

• Методы массивов

• Перебираемые объекты

• Map и Set

• WeakMap и WeakSet

• Object.keys, values, entries

• Деструктурирующее присваивание

• Дата и время

• Формат JSON, метод toJSON

• Далее…

Продвинутая работа с функциями

• Рекурсия и стек

• Остаточные параметры и оператор расширения

• Замыкание

• Устаревшее ключевое слово «var»

• Глобальный объект

• Объект функции, NFE

• Синтаксис «new Function»

• Планирование: setTimeout и setInterval

• Декораторы и переадресация вызова, call/apply

• Привязка контекста к функции

• Повторяем стрелочные функции

• Далее…

Свойства объекта, их конфигурация

• Флаги и дескрипторы свойств

• Свойства — геттеры и сеттеры

Прототипы, наследование

• Прототипное наследование

• F. prototype

• Встроенные прототипы

• Методы прототипов, объекты без свойства __proto__

Классы

• Класс: базовый синтаксис

• Наследование классов

• Статические свойства и методы

• Приватные и защищённые методы и свойства

• Расширение встроенных классов

• Проверка класса: «instanceof»

• Примеси

Обработка ошибок

• Обработка ошибок, «try..catch»

• Пользовательские ошибки, расширение Error

Промисы, async/await

• Введение: колбэки

• Промисы

• Цепочка промисов

• Промисы: обработка ошибок

• Promise API

• Промисификация

• Микрозадачи

• Async/await

Генераторы, продвинутая итерация

• Генераторы

• Асинхронные итераторы и генераторы

Модули

• Модули, введение

• Экспорт и импорт

• Динамические импорты

Разное

• Proxy и Reflect

• Eval: выполнение строки кода

• Каррирование

• Ссылочный тип

• Побитовые операторы

• BigInt

• Юникод, внутреннее устройство строк

• Intl: интернационализация в JavaScript

Онлайн-курсы

Онлайн-курсы — это не быстро устаревающие видео-записи, а живые вебинары. Ведёт их преподаватель — опытный действующий разработчик. С теорией, практикой, ответами на вопросы, проектом и обратной связью по вашему коду («code review»).

Основы веб-разработки

курс для новичков

JavaScript / DOM / Интерфейсы

курс для программистов

JavaScript / DOM / Интерфейсы

курс

Современная верстка

New

Фреймворки, смежные технологии

курс

Angular

курс

Node.js

курс

React

интенсив

TypeScript

курс

Vue.js

интенсив

RxJs

Браузер: документ, события, интерфейсы

Изучаем работу со страницей – как получать элементы, манипулировать их размерами, динамически создавать интерфейсы и взаимодействовать с посетителем.

Документ

• Браузерное окружение, спецификации

• DOM-дерево

• Навигация по DOM-элементам

• Поиск: getElement*, querySelector*

• Свойства узлов: тип, тег и содержимое

• Атрибуты и свойства

• Изменение документа

• Стили и классы

• Размеры и прокрутка элементов

• Размеры и прокрутка окна

• Координаты

• Далее…

Введение в события

• Введение в браузерные события

• Всплытие и погружение

• Делегирование событий

• Действия браузера по умолчанию

• Генерация пользовательских событий

Интерфейсные события

• Основы событий мыши

• Движение мыши: mouseover/out, mouseenter/leave

• Drag’n’Drop с событиями мыши

• Клавиатура: keydown и keyup

• События указателя

• Прокрутка

Формы, элементы управления

• Свойства и методы формы

• Фокусировка: focus/blur

• События: change, input, cut, copy, paste

• Отправка формы: событие и метод submit

Загрузка документа и ресурсов

• Страница: DOMContentLoaded, load, beforeunload, unload

• Скрипты: async, defer

• Загрузка ресурсов: onload и onerror

Разное

• MutationObserver: наблюдатель за изменениями

• Selection и Range

• Событийный цикл: микрозадачи и макрозадачи

Тематические разделы

Важные темы, читать которые можно в любом порядке.

Фреймы и окна

• Открытие окон и методы window

• Общение между окнами

• Атака типа clickjacking

Бинарные данные и файлы

• ArrayBuffer, бинарные массивы

• TextDecoder и TextEncoder

• Blob

• File и FileReader

Сетевые запросы

• Fetch

• FormData

• Fetch: ход загрузки

• Fetch: прерывание запроса

• Fetch: запросы на другие сайты

• Fetch API

• Объекты URL

• XMLHttpRequest

• Возобновляемая загрузка файлов

• Длинные опросы

• WebSocket

• Server Sent Events

• Далее…

Хранение данных в браузере

• Куки, document.cookie

• LocalStorage, sessionStorage

• IndexedDB

Анимация

• Кривые Безье

• CSS-анимации

• JavaScript-анимации

Веб-компоненты

• С орбитальной высоты

• Пользовательские элементы (Custom Elements)

• Shadow DOM

• Элемент «template»

• Слоты теневого DOM, композиция

• Настройка стилей теневого DOM

• Теневой DOM и события

Регулярные выражения

• Введение: шаблоны и флаги

• Символьные классы

• Юникод: флаг «u» и класс \p{. $, флаг «m»

• Граница слова: \b

• Экранирование, специальные символы

• Наборы и диапазоны […]

• Квантификаторы +, *, ? и {n}

• Жадные и ленивые квантификаторы

• Скобочные группы

• Обратные ссылки в шаблоне: \N и \k<имя>

• Альтернация (или) |

• Опережающие и ретроспективные проверки

• Катастрофический возврат

• Поиск на заданной позиции, флаг «y»

• Методы RegExp и String

• Далее…

CSS для JavaScript-разработчика

• О чём пойдёт речь

• Единицы измерения: px, em, rem и другие

• Все значения свойства display

• Свойство float

• Свойство position

• Центрирование горизонтальное и вертикальное

• Свойства font-size и line-height

• Свойство white-space

• Свойство outline

• Свойство box-sizing

• Свойство margin

• Лишнее место под IMG

• Свойство overflow

• Особенности свойства height в %

• Знаете ли вы селекторы?

• CSS-спрайты

• Правила форматирования CSS

• Далее…

Следите за обновлениями javascript.

ru

Мы не рассылаем рекламу, все только по делу. Вы сами выбираете, что получать:

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

Онлайн-курсы по JavaScript-технологиям

• ARعربي
• ENEnglish
• ESEspañol
• FAفارسی
• FRFrançais
• IDIndonesia

• ITItaliano
• JA日本語
• KO한국어
• RUРусский
• TRTürkçe
• UKУкраїнська

• ZH简体中文

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

Основы веб-разработки

Фреймворки и другие технологии

Обучение проходит онлайн.

• Встречи проходят по расписанию, на курсах это два раза в неделю, на интенсивах чаще. В процессе живого общения мы вместе изучаем сложные темы, разбираем домашнее задание, преподаватель дает ответы на вопросы.
• Дома участники изучают оффлайн-материалы, выполняют практическое задание. Как правило, есть также курсовой проект.
• Преподаватель проверяет все решения («code review»), обращая особое внимание на качество кода. Пишет, если что не так.
• Между занятиями для общения есть также групповой чат, там же можно общаться с преподавателем или написать ему лично.
• Из технологий мы используем Zoom, GitHub, обычно также «песочница» и другие, в зависимости от курса.
• После занятий доступны записи, для повторения или просмотра в случае пропуска, но предполагается, что вы посещаете занятия. На этих курсах очень важно ваше активное участие, чтобы вы решали задания, задавали вопросы преподавателю, если что-то не получается. Только так будет хороший результат.

Более подробно детали вы можете посмотреть в программе конкретного курса.

Программа обучения на всех курсах очень насыщенная. Как правило, к нам приходят люди, понимающие толк в обучении, и проблем с этим нет. Но если кто-то отстаёт, мы поможем разобраться. Все, кто хочет научиться, успешно справляются.

Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.

Все отзывы являются честными. Мы не модерируем их.

• Курс «JavaScript/DOM/Интерфейсы» для новичков

  все отзывы

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

• Курс «JavaScript/DOM/Интерфейсы» для программистов

  все отзывы

  Прекрасное начало для желающих овладеть современным Javascript. Курс открывает все грани Javascript разработки от нативного кода до сопутствующих дисциплин: систем сборки, тестирования, JS-фреймворков.

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

  весь отзыв

• Курс по современной вёрстке

  все отзывы

  С удовольствием оставляю отзыв об этом курсе.

  Очень понравился формат работы, структура и качество материала.

  Самым ценным для меня оказались детальные ревью PR’ов с домашкой от нашего ментора Германа.

  Как мне кажется – лучшая реклама, это если потребитель повторно пользуется продуктом. То в данном случае могу сказать, что записался на еще один курс по JS/DOM 🙂

• Курс по Node.js

  все отзывы

  Без преувеличения могу сказать, что мои ожидания того, что должно быть в программе курса и как должно быть подано полностью оправдались. Понравилось внимание преподавателя к нюансам и стиль изложения, плюс все сказанное подкрепляется в живую показанным кодом. В общем, Илья, большое вам спасибо за проделанную работу! По правде говоря, оценивая курс трудно быть объективным, настолько курс хорош. Объем и глубина материала отличная.

• Курс по Angular

  все отзывы

  Курс отличный: содержит все последние апдейты/изменения в технологиях и помогает значительно продвигаться вперед в своем развитии. Ведущий курса мог ответить на очень широкий спектр вопросов, хорошо следил за реакцией и пониманием аудитории, доходчиво объяснял весьма сложные паттерны и концепции. Большое спасибо!

• Курс по React

  все отзывы

  Очень насыщенный курс, после каждого занятия есть пища для размышлений, прекрасно организована подача материала, интересные домашние задания, не менее интересные решения от преподавателя. Курс стоит потраченных на него ресурсов.

• Интенсив по TypeScript

  все отзывы

  Курс отличный, разобрали намного больше, чем могло бы уместиться в четыре занятия. Подробно останавливались на важных моментах, все на примерах. ДЗ обязательно, по видео все понятно, но когда начинаешь писать, особенно в первый раз – очень непривычно, надо тренироваться. Очень рекомендую курс, не пожалеете!

• Курс по Vue.js

  все отзывы

  Огромное количество супер полезной информации! На курсе не просто учат использовать Vue.js, но и подробно объясняется как он работает изнутри. Плюсом рассмотрены изменения во Vue 3. Еще несколько раз все пересмотрю:)

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

  В общем, я остался доволен курсом, рекомендую!

• Интенсив по RxJS

  все отзывы

  Несмотря на то, что краем глаза касался rxjs, всё же, сконцентрированное в двух днях интенсивное обучение по выработанной программе было невероятно полезным и мотивирующим.

  Игорь показал и объяснил, как использовать rx в совершенно разных ситуациях, отвечая на все возникающие вопросы.

  PS: Это уже второй интенсив, который я прохожу у Игоря, как всегда всё на высоте

  Спасибо

• Если объяснения будут вам непонятны
• Если курсы не дадут вам новых знаний и умений
• Если вы не сможете подключиться к системе онлайн-обучения

…то вы сможете получить деньги назад.

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

Сертификат

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

• Участвовал в мастер-классах несколько раз, узнал много полезного. Очень нравится профессиональное и отлично организованное изложение и структуризация материала, приводимые примеры и паттерны применения в настоящей разработке. Крайне рекомендую курсы для тех, кто хочет отточить свои знания и стать профессионалом.

• В далёком 2006 году, будучи frontend-разработчиком в Яндекс, я посетил курс Ильи. Уже тогда его занятия отличались сильной базой, подробным разбором важных и сложных аспектов и грамотной организацией. Я искренне рекомендую эти курсы всем кто хочет знать всё о языке JavaScript.

• Во время работы руководителем одной из групп верстки в Яндексе передо мной встала задача повышения квалификации большой команды верстальщиков. После длительного анализа я выбрал курс Ильи Кантора и остался очень доволен результатом, считаю этот курс лучшим из существующих на русском языке.

Интенсивы и мастер-классы для профессионалов в области JavaScript проводятся примерно с 2006 года, а курсы – с 2011 года. За это время обучились тысячи человек из сотен компаний, всех их перечислить сложно. В частности, проходили обучение сотрудники этих компаний:

За время обучения были оставлены сотни отзывов, некоторые из которых вы можете видеть выше на этой странице, а также, в более подробном виде, на странице курса и в профилях преподавателей. Мнение о курсах профессионалов вы также можете увидеть выше.

• Какие есть способы оплаты? Можно от компании?

  Банковская карта, электронные деньги, банковский перевод, оплата по счету от организации и другие. Выбор будет в процессе оформлениия. Договор, счет и акт для компанииии будут сгенерированы на сайте, для этого при записи выберите способ оплаты «Счет на компанию». Бумажные документы, если нужны, высылаются почтой.
• Вы выдаете сертификат?

  Да, сертификат в электронном виде. Замечу, что в нашей области главное – знания и умения, сертификаты традиционно откладываются в сторону при собеседовании. Лицензия на обучение у нас тоже есть.

• Можно ли разбить оплату на части?

  Система регистрации рассчитана на единоразовую оплату. Если вы из России, то есть способ оплаты «по частям», который предоставляет ЮКасса, в процессе оформления можно его выбрать. Также есть возможность записаться с оплатой позже, тогда место будет «за вами».

• А это всё правда? Действительно ли курсы такие хорошие??

  Здесь нет курсов по Java/PHP/Photoshop и прочему разному.

  Мы организуем курсы только по JavaScript и смежным технологиям. И стараемся делать это настолько хорошо, насколько это возможно. Также можете посмотреть отзывы: их могут оставлять все участники курсов и только они, отзывы настоящие, мы не фильтруем их и не модерируем.
• А можно ваши курсы скачать? Есть ли записи?

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

  Записи занятий доступны участникам – для повторения или как запасной вариант при пропуске занятия, они с защитой, просмотр под Win/Mac. Мы их не продаем, потому что для нас важно качество обучения, без решения задач и обратной связи от преподавателя обеспечить его невозможно. У нас совсем другой подход, чем в «скачиваемых» и «роботизированных» курсах и, конечно, другой результат, при вашем активном участии.

• Чем эти курсы отличаются от других?

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

  Курсы, которые находятся здесь — эффективны и не похожи ни на один из них.

  • Цель — полноценная профессиональная разработка. Курс идёт с расчетом на современную разработку уровня мировых стандартов. Это немного другой уровень, чем «кнопка на коленке», и другой подход к знаниям. Понятно, что «гуру» шлифуют мастерство годами, но мы можем достаточно сильно продвинуться и научиться грамотной разработке за время курса. Для участников «с нуля» существует вводный видеокурс, который позволяет освоить самые базовые моменты заранее.
  • Курс построен на примерах и задачах. Программировать — это как плавать, одной теории маловато, нужна практика, и чем больше — тем лучше. Значит – много примеров и задач. Ведь умение их решать, основанное на понимании и прямых руках — и есть реальная цель.
  • Правильное понимание языка. JavaScript — особенный язык. Если взять все часы «среднего» JavaScript-разработчика, потерянные на вопросы на форумах, на отладку кривого кода… То важность этого становится очевидной.
  • Актуальность… То, как делаются современные проекты, а не как это было 5 лет назад.
  • Качество кода — это важно, т.к. большинство времени тратится не на изначальное написание кода, а на его развитие и поддержку. На курсах ему уделяется особое внимание.
  • Непрерывная обратная связь — на любые вопросы вы получаете ответы, на ваши решения — грамотный ответ, можно ли так писать и когда возможны проблемы.

  Курсы возникли в результате долгого опыта разработки и преподавания, очного, заочного и совмещенного, и сочетают преимущества обоих технологий.

  • У вас на руках будут лекционные материалы для изучения и выполнения заданий.
  • Ваши вопросы, результаты выполнения заданий, способы сделать лучше и правильнее мы обсуждаем при видео-общении онлайн.
• Зачем курсы, когда есть книги и статьи на javascript.ru?

  Практика показывает, что язык программирования, как и обычные языки, все же лучше изучаются на курсах.

  JavaScript в этом смысле особенный язык. На нём очень легко начать что-то делать. Но при этом разница между человеком, который нахватался по верхам и профессионалом, постигшим JS-дзен — колоссальна. Один делает три кнопки, другой пишет Gmail и покоряет мир.

  Цель курсов — упростить и спрямить вторую дорогу, и пройтись по ее началу вместе, чтобы не свернуть ненароком куда не следует. А уж что вы потом захотите делать — новый Gmail или меню на сайте — вам решать. Главное это скорость и качество разработки.

  Курсы с преподавателем — мощный и быстрый способ обучения. При полноценном участии они гарантируют актуальные, глубокие знания.

  Наша цель — не просто выучить, какие есть функции. Да, методы знать нужно, но главное — уметь «думать на javascript» и разрабатывать понятный, хороший код, без ошибок и с правильной структурой.

  Возможность участников общаться онлайн друг с другом и с ведущим, выполнение заданий также даёт более глубокое и эффективное усвоение практических навыков.

  Ниже находится классическая «пирамида обучения». Слева указаны полученные в результате исследований средние проценты усвоения знаний. Четыре верхние ступени относятся к индивидуальному обучению. Три нижние — к групповому и, в частности, курсам.

  На текущий момент в курсах уже участвовало более 5000 человек. Могло бы быть гораздо больше, но наша цель – не количество, а качество.

  Все участники как и вы, имеют доступ к гугл, книгам и javascript.ru. Но каждый имеет право на лучшее, они выбрали поход на курсы и, похоже, не пожалели.

  Курсы – это вложение в себя. Это усилия, которые позволят быстро продвинуться. А где вы хотите быть через несколько месяцев/лет?

  Может быть, имеет смысл level up?

• Зачем курсы, если можно научиться на работе?

  Забавный совет, который дают многим начинающим, такой: «читай книги, иди работай, пиши скрипты и научишься». Он отчасти правилен – действительно, нужно разрабатывать, получать опыт.

  Но вот что касается «научиться» – на практике все не так просто. Люди могут работать долго, но качество кода при этом не всегда растёт.

  Это и видно, мы все знаем, что компаниям нужны результаты. Им нужны хорошие разработчики, очень нужны. В современном интернет всё решают люди. За них постоянно идет борьба. На поиск выделяются ресурсы, деньги…

  Если бы люди быстро вырастали в процессе работы – не было бы огромных трат ресурсов на поиск разработчиков.

  Для компании обучать людей самостоятельно – гораздо затратнее, чем брать уже учёных. Поэтому предпочитают заплатить хорошему разработчику побольше, чем самостоятельно «допиливать» среднего.

  Всё это объективные реалии, которые можно наблюдать в мире. Именно поэтому существуют курсы. Хорошие курсы могут дать очень многое, если, конечно, это — действительно хорошие курсы.

• Планируются ли дополнительно курсы по… ? Когда?

  Да, работа над курсом занимает существенное время, минимум полгода, чтобы учесть все важное и составить оптимальную программу, а также провести одну или несколько тестовых групп. Если вы хотели бы узнавать о них, то можете запросить уведомление здесь.

У вас другой вопрос? Напишите его в комментариях внизу этой страницы или на почту [email protected] (ответ обычно в течение дня), а если срочно — по телефону +7-903-5419441.

Почитать предыдущие комментарии к этой странице можно в старом движке.

Перейти к списку открытых курсов

Учебник по JavaScript

❮ Главная Далее ❯

Примеры в каждой главе

С помощью нашего редактора «Попробуйте сами» вы можете редактировать исходный код и просматривать результат.

Пример

Мой первый JavaScript

Попробуй сам »

---

Использование меню

Мы рекомендуем читать это руководство в последовательности, указанной в меню.

Если у вас большой экран, меню всегда будет слева.

Если у вас маленький экран, откройте меню, щелкнув значок меню вверху ☰.

---

Учитесь на примерах

Примеры лучше, чем 1000 слов. Примеры часто легче понять чем текстовые пояснения.

Этот учебник дополняет все пояснения поясняющими примерами «Попробуйте сами».

Если вы попробуете все примеры, вы узнаете много нового о JavaScript за очень короткое время!

Примеры JavaScript »

---

Зачем изучать JavaScript?

JavaScript является одним из 3 языков всех веб-разработчиков должен Learn:

   1. HTML для определения содержания веб-страниц

   2. CSS для определения макета веб-страниц

   3. JavaScript для программирования поведения веб-страниц

4

4 Speed ​​

В этом уроке вы выбираете скорость обучения.

Все зависит от вас.

Если вам трудно, сделайте перерыв или перечитайте материал.

Всегда убедитесь, что вы понимаете все «Попробуй сам» Примеры.

Единственный способ стать умным программистом — это: Упражняться. Упражняться. Упражняться. Код. Код. Код !

---

Проверьте себя с помощью упражнений

Упражнение:

Создайте переменную с именем carName и присвойте ей значение Volvo .

вар = "";
 

Начать упражнение

---

Часто задаваемые вопросы

• Как получить JavaScript?
• Где я могу скачать JavaScript?
• Является ли JavaScript бесплатным?

Вам не нужно получать или загружать JavaScript.

JavaScript уже запущен в вашем браузере на вашем компьютере, на планшете и на смартфоне.

Использование JavaScript бесплатно для всех.

---

Мое обучение

Отслеживайте свои успехи с помощью бесплатной программы «Мое обучение» здесь, в W3Schools.

Войдите в свою учетную запись и начните зарабатывать баллы!

Это дополнительная функция. Вы можете учиться в W3Schools без использования My Learning.

---

Ссылки на JavaScript

W3Schools поддерживает полную справку по JavaScript, включая все объекты HTML и браузера.

Справочник содержит примеры для всех свойств, методов и событий, а также постоянно обновляется в соответствии с последними веб-стандартами.

Полный справочник по JavaScript »

---

Тест на викторину по JavaScript

Проверьте свои навыки работы с JavaScript в W3Schools!

Начать викторину JavaScript!

Начните свою карьеру

Получите сертификат, пройдя курс

Получите сертификат

w3schoolsCERTIFIED.2022

❮ Главная Следующая ❯

Введение в JavaScript

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

Эта страница содержит несколько примеров возможностей JavaScript.

JavaScript может изменять HTML-контент

Одним из многих HTML-методов JavaScript является getElementById() .

Пример ниже «находит» элемент HTML (с), и изменяет содержимое элемента (innerHTML) на «Hello JavaScript»:

Пример

document.getElementById(«demo»).innerHTML = «Привет, JavaScript»;

Попробуйте сами »

JavaScript принимает как двойные, так и одинарные кавычки:

Пример

document.getElementById(‘demo’).innerHTML = ‘Hello JavaScript’;

Попробуйте сами »

---

JavaScript может изменять значения атрибутов HTML

В этом примере JavaScript изменяет значение атрибута src (source) тег:

Лампочка

Попробуй сам »

---

---

JavaScript может изменять стили HTML (CSS)

Изменение стиля элемента HTML — это вариант изменения HTML атрибут:

Пример

document.getElementById(«demo»).style.fontSize = «35px»;

Попробуйте сами »

---

JavaScript может скрывать HTML-элементы

Скрытие HTML-элементов можно выполнить, изменив отображение style:

Пример

document. getElementById(«demo»).style.display = «none»;

Попробуйте сами »

---

JavaScript может отображать HTML-элементы

Отображение скрытых HTML-элементов также можно выполнить, изменив стиль отображения :

Пример

document.getElementById(«demo»).style.display = «блокировать»;

Попробуйте сами »

Знаете ли вы?

JavaScript и Java — совершенно разные языки, оба по концепции и дизайн.

JavaScript был изобретен Бренданом Эйхом в 1995 году и стал стандартом ECMA. в 1997 г.

ECMA-262 — официальное название стандарта. ECMAScript — официальное название языка.

Версии JavaScript »

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

НОВИНКА

Мы только что запустили
Видео W3Schools

Узнать

ВЫБОР ЦВЕТА

КОД ИГРЫ

Играть в игру

---

---

---

Top Tutorials

Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3. CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

4 9004 Справочник Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры

Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.