Как работает JavaScript в браузере

Обновлено: 03.07.2024

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

Что такое JavaScript?

JavaScript изначально был создан, чтобы «оживить веб-страницы».

Программы на этом языке называются скриптами. Они могут быть написаны прямо в HTML-коде веб-страницы и запускаться автоматически при загрузке страницы.

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

В этом аспекте JavaScript сильно отличается от другого языка под названием Java.

При создании JavaScript у него изначально было другое название: LiveScript. Но в то время Java был очень популярен, поэтому было решено, что позиционирование нового языка как «младшего брата» Java поможет.

Но по мере своего развития JavaScript стал полностью независимым языком с собственной спецификацией, называемой ECMAScript, и теперь он вообще не имеет отношения к Java.

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

В браузере есть встроенный движок, который иногда называют «виртуальной машиной JavaScript».

Разные движки имеют разные «кодовые имена». Например:

    – в Chrome, Opera и Edge. – в Firefox.
  • …Есть и другие кодовые названия, такие как «Чакра» для IE, «JavaScriptCore», «Nitro» и «SquirrelFish» для Safari и т. д.

Приведенные выше термины полезно запомнить, поскольку они используются в статьях разработчиков в Интернете. Мы ими тоже воспользуемся. Например, если «функция X поддерживается V8», то она, вероятно, работает в Chrome, Opera и Edge.

Двигатели сложны. Но основы просты.

  1. Ядро (встроенное, если это браузер) считывает («разбирает») скрипт.
  2. Затем он преобразует («компилирует») сценарий в машинный язык.
  3. Затем машинный код запускается довольно быстро.

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

Что может JavaScript в браузере?

Современный JavaScript — это «безопасный» язык программирования. Он не обеспечивает низкоуровневый доступ к памяти или ЦП, поскольку изначально создавался для браузеров, которым он не требуется.

Возможности JavaScript сильно зависят от среды, в которой он работает. Например, Node.js поддерживает функции, которые позволяют JavaScript читать/записывать произвольные файлы, выполнять сетевые запросы и т. д.

В браузере JavaScript может делать все, что связано с манипулированием веб-страницей, взаимодействием с пользователем и веб-сервером.

Например, JavaScript в браузере может:

Что НЕ МОЖЕТ делать JavaScript в браузере?

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

Примеры таких ограничений включают:

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

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

Существуют способы взаимодействия с камерой/микрофоном и другими устройствами, но для этого требуется явное разрешение пользователя. Таким образом, страница с включенным JavaScript не может скрытно включать веб-камеру, наблюдать за окружением и отправлять информацию в АНБ.

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

Это называется «Политикой единого происхождения». Чтобы обойти эту проблему, обе страницы должны согласиться на обмен данными и содержать специальный код JavaScript, который его обрабатывает. Мы расскажем об этом в руководстве.

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

Что делает JavaScript уникальным?

В JavaScript есть как минимум три замечательных свойства:

  • Полная интеграция с HTML/CSS.
  • Простые вещи делаются просто.
  • Поддерживается всеми основными браузерами и включен по умолчанию.

JavaScript — единственная технология браузера, сочетающая в себе эти три вещи.

Вот что делает JavaScript уникальным. Вот почему это самый распространенный инструмент для создания интерфейсов браузера.

Тем не менее, JavaScript также позволяет создавать серверы, мобильные приложения и т. д.

Языки важнее JavaScript

Синтаксис JavaScript подходит не всем. Разным людям нужны разные функции.

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

Поэтому недавно появилось множество новых языков, которые транспилируются (конвертируются) в JavaScript перед запуском в браузере.

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

Примеры таких языков:

    является «синтаксическим сахаром» для JavaScript. Он вводит более короткий синтаксис, что позволяет нам писать более четкий и точный код. Обычно разработчикам Ruby это нравится. сосредоточен на добавлении «строгой типизации данных» для упрощения разработки и поддержки сложных систем. Он разработан Microsoft. также добавляет типизацию данных, но другим способом. Разработано Facebook. — это автономный язык со своим собственным движком, который работает в небраузерной среде (например, в мобильных приложениях), но также может быть перенесен в JavaScript. Разработано Google. — это транспилятор Python в JavaScript, который позволяет писать приложения на чистом Python без JavaScript. — это современный, лаконичный и безопасный язык программирования, ориентированный на браузер или Node.

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

JavaScript – это то, что называется клиентским языком сценариев. Это означает, что это язык программирования, который работает внутри интернет-браузера (браузер также известен как веб-клиент, поскольку он подключается к веб-серверу для загрузки страниц).

Интересно, как работает JavaScript. Внутри обычной веб-страницы вы размещаете некоторый код JavaScript (подробности о веб-страницах см. в разделе «Как работают веб-страницы»). Когда браузер загружает страницу, в браузере есть встроенный интерпретатор, который считывает найденный на странице код JavaScript и запускает его.

Дизайнеры веб-страниц используют JavaScript по-разному. Одним из наиболее распространенных является проверка полей в форме. Многие веб-сайты собирают информацию от пользователей в онлайн-формах, и JavaScript может помочь проверить введенные данные. Например, программист может проверить, что возраст человека, указанный в форме, находится в диапазоне от 1 до 120 лет.

Еще один способ, которым дизайнеры веб-страниц используют JavaScript, – это создание калькуляторов. Вот несколько примеров:

  • Калькулятор RPN
  • MegaConverter — большая коллекция калькуляторов
  • Калькуляторы личных финансов

Чтобы дать вам пример очень простого калькулятора JavaScript, в приведенном ниже HTML-коде показано, как создать конвертер Фаренгейта в Цельсий с помощью JavaScript:

Если вы читали «Как работают веб-страницы» и «Как работают сценарии CGI», значительная часть этого HTML-кода будет вам знакома. Это основная структура любой веб-страницы:

В заголовке есть один фрагмент кода JavaScript, который представляет собой функцию для расчета преобразования градусов Фаренгейта в градусы Цельсия:

Эта функция называется temp. Он содержит код JavaScript для расчета температуры по Цельсию.

В теле страницы есть типовая форма:

Эта строка является ключевой:

Это обычная кнопка. Когда пользователь щелкает ее, вызывается функция в заголовке страницы из-за нотации onClick.

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

Добро пожаловать на курс MDN по JavaScript для начинающих! В этой статье мы рассмотрим JavaScript с высокого уровня, отвечая на такие вопросы, как «Что это такое?» и "Что вы можете с этим сделать?", а также убедитесь, что вы согласны с назначением JavaScript.

< th scope="row">Цель:

Общее определение

JavaScript – это язык сценариев или программирования, который позволяет вам реализовывать сложные функции на веб-страницах. Каждый раз, когда веб-страница делает больше, чем просто сидит и отображает статическую информацию, которую вы можете посмотреть, – отображает своевременные обновления контента, интерактивные карты, анимированная 2D/3D-графика, прокручиваемые видео-музыкальные автоматы и т. д. — можете поспорить, что JavaScript, вероятно, задействован. Это третий слой слоеного пирога стандартных веб-технологий, два из которых (HTML и CSS) мы рассмотрели более подробно в других частях Области обучения.


< /p>

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

Эти три слоя хорошо накладываются друг на друга. В качестве примера возьмем простую текстовую метку. Мы можем разметить его с помощью HTML, чтобы придать ему структуру и назначение:


Затем мы можем добавить немного CSS, чтобы все выглядело красиво:

< бр />

И, наконец, мы можем добавить JavaScript для реализации динамического поведения:

Попробуйте нажать на эту последнюю версию текстовой метки, чтобы увидеть, что произойдет (обратите внимание, что вы можете найти эту демонстрацию на GitHub — посмотрите исходный код или запустите ее вживую)!

JavaScript может гораздо больше — давайте рассмотрим, что подробнее.

Так что же он на самом деле может сделать?

Основной клиентский язык JavaScript состоит из некоторых общих функций программирования, которые позволяют вам делать такие вещи, как:

  • Сохраняйте полезные значения внутри переменных. Например, в приведенном выше примере мы просим ввести новое имя, а затем сохранить это имя в переменной с именем name .
  • Операции с фрагментами текста (известными в программировании как "строки"). В приведенном выше примере мы берем строку «Игрок 1:» и присоединяем ее к переменной имени, чтобы создать полную текстовую метку, например. «Игрок 1: Крис».
  • Выполнение кода в ответ на определенные события, происходящие на веб-странице. Мы использовали событие щелчка в нашем примере выше, чтобы определить, когда нажата кнопка, а затем запустить код, который обновляет текстовую метку.
  • И многое другое!

Однако еще более интересна функциональность, созданная на основе клиентского языка JavaScript. Так называемые интерфейсы прикладного программирования (API) предоставляют дополнительные возможности для использования в коде JavaScript.

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

Обычно они делятся на две категории.


< /p>

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

  • API DOM (Document Object Model) позволяет управлять HTML и CSS, создавать, удалять и изменять HTML, динамически применять новые стили к странице и т. д. Каждый раз, когда вы видите всплывающее окно на странице или отображается новый контент (как мы видели выше в нашей простой демонстрации), например, это DOM в действии.
  • API геолокации извлекает географическую информацию. Именно так Google Карты могут определить ваше местоположение и нанести его на карту.
  • API Canvas и WebGL позволяют создавать анимированную 2D- и 3D-графику. Люди делают удивительные вещи, используя эти веб-технологии — см. Chrome Experiments и webglsamples. такие как HTMLMediaElement и WebRTC, позволяют делать действительно интересные вещи с мультимедиа, например воспроизводить аудио и видео прямо на веб-странице или захватывать видео с веб-камеры и отображать его на чужом компьютере (попробуйте нашу простую демонстрацию Snapshot, чтобы получить представление ).

Примечание. Многие из приведенных выше демонстраций не будут работать в старых браузерах. При экспериментировании рекомендуется использовать для запуска кода современный браузер, такой как Firefox, Chrome, Edge или Opera. более подробно о кросс-браузерном тестировании, когда вы приблизитесь к созданию производственного кода (т. е. реального кода, который будут использовать реальные клиенты).

Сторонние API по умолчанию не встроены в браузер, и вам, как правило, приходится брать их код и информацию из Интернета. Например:

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

Примечание. Эти API являются расширенными, и мы не будем рассматривать ни один из них в этом модуле. Вы можете узнать больше об этом в нашем модуле клиентских веб-API.

Есть и многое другое! Однако пока не переусердствуйте. Вы не сможете создать следующий Facebook, Google Maps или Instagram после изучения JavaScript в течение 24 часов — сначала нужно изучить много основ. И именно поэтому вы здесь — давайте двигаться дальше!

Что делает JavaScript на вашей странице?

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

Давайте кратко повторим историю того, что происходит, когда вы загружаете веб-страницу в браузере (впервые об этом говорилось в нашей статье «Как работает CSS»). Когда вы загружаете веб-страницу в свой браузер, вы запускаете свой код (HTML, CSS и JavaScript) внутри среды выполнения (вкладка браузера). Это похоже на фабрику, которая получает сырье (код) и выпускает продукт (веб-страницу).


< /p>

Очень часто JavaScript используется для динамического изменения HTML и CSS для обновления пользовательского интерфейса с помощью API объектной модели документа (как упоминалось выше). Обратите внимание, что код в ваших веб-документах обычно загружается и выполняется в том порядке, в котором он появляется на странице. Ошибки могут возникнуть, если JavaScript загружается и запускается до HTML и CSS, которые он предназначен для изменения. Вы узнаете, как обойти это позже в статье, в разделе Стратегии загрузки скриптов.

Безопасность браузера

Каждая вкладка браузера имеет свою отдельную корзину для запуска кода (в техническом плане эти области называются «средами выполнения») — это означает, что в большинстве случаев код на каждой вкладке запускается совершенно отдельно, а код в одной tab не может напрямую влиять на код другой вкладки или на другом веб-сайте. Это хорошая мера безопасности — если бы это было не так, то пираты могли бы начать писать код для кражи информации с других веб-сайтов и других подобных вещей.

Примечание. Существуют способы безопасной отправки кода и данных между разными веб-сайтами/вкладками, но это расширенные методы, которые мы не будем рассматривать в этом курсе.

Порядок выполнения JavaScript

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

Здесь мы выбираем текстовый абзац (строка 1), а затем присоединяем к нему прослушиватель событий (строка 3), чтобы при нажатии на абзац запускался блок кода updateName() (строки 5–8). Блок кода updateName() (эти типы многократно используемых блоков кода называются «функциями») запрашивает у пользователя новое имя, а затем вставляет это имя в абзац для обновления отображения.

Если вы поменяете порядок первых двух строк кода, он больше не будет работать — вместо этого вы получите сообщение об ошибке в консоли разработчика браузера — TypeError: para is undefined . Это означает, что объект para еще не существует, поэтому мы не можем добавить к нему прослушиватель событий.

Примечание. Это очень распространенная ошибка — вам нужно убедиться, что объекты, на которые есть ссылки в вашем коде, существуют, прежде чем вы попытаетесь что-то с ними сделать.

Интерпретируемый и скомпилированный код

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

С другой стороны, скомпилированные языки преобразуются (компилируются) в другую форму до того, как они будут запущены компьютером. Например, C/C++ компилируются в машинный код, который затем запускается компьютером. Программа выполняется из двоичного формата, который был сгенерирован из исходного кода исходной программы.

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

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

Код на стороне сервера и код на стороне клиента

Вы также можете слышать термины "код на стороне сервера" и "код на стороне клиента", особенно в контексте веб-разработки. Код на стороне клиента — это код, который запускается на компьютере пользователя — при просмотре веб-страницы код на стороне клиента загружается, затем запускается и отображается в браузере. В этом модуле мы явно говорим о клиентском JavaScript.

Динамический и статический код

Слово "динамический" используется для описания как клиентского JavaScript, так и серверного языка. Оно означает возможность обновлять отображение веб-страницы/приложения, чтобы отображать разные элементы в различных обстоятельствах, генерируя новый контент по мере необходимости. . Серверный код динамически генерирует новый контент на сервере, например. извлечение данных из базы данных, тогда как клиентский JavaScript динамически генерирует новый контент внутри браузера на клиенте, например. создание новой таблицы HTML, заполнение ее данными, запрошенными с сервера, а затем отображение таблицы на веб-странице, показанной пользователю. Значение немного отличается в двух контекстах, но связано, и оба подхода (на стороне сервера и на стороне клиента) обычно работают вместе.

Веб-страница без динамически обновляемого содержимого называется статической — на ней постоянно отображается одно и то же содержимое.

Если вы изучаете веб-разработку, вот что вам нужно знать о JavaScript и о том, как он работает с HTML и CSS.

JavaScript стал основой современной веб-разработки. Этот мощный язык превратился в важный инструмент для понимания любым веб-разработчиком.

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

Что такое JavaScript?

JavaScript – это язык сценариев для Интернета. Это интерпретируемый язык, что означает, что ему не нужен компилятор для перевода кода, как в C или C++. Код JavaScript запускается непосредственно в веб-браузере.

Последняя версия языка — ECMAScript 2018, выпущенная в июне 2018 г.

JavaScript работает с HTML и CSS для создания веб-приложений или веб-страниц. JavaScript поддерживается большинством современных веб-браузеров, таких как Google Chrome, Firefox, Safari, Microsoft Edge, Opera и т. д. Большинство мобильных браузеров для Android и iPhone теперь также поддерживают JavaScript.

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

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

Строительные блоки веб-приложений

Существуют три компонента для создания веб-сайтов и приложений: язык гипертекстовой разметки (HTML), каскадные таблицы стилей (CSS) и JavaScript. У каждого своя роль в создании веб-приложения.

  • HTML – это язык разметки, который создает основу веб-страницы. Все абзацы, разделы, изображения, заголовки и текст написаны в HTML. Содержимое появляется на веб-сайте в том порядке, в котором оно написано в HTML.
  • CSS управляет стилем и дополнительными аспектами макета. CSS используется для создания дизайна веб-сайта, создания цветов, шрифтов, столбцов, границ и т. д. Он превращает веб-сайт из простых текстовых элементов в красочный дизайн.
  • Третий элемент — это JavaScript. HTML и CSS создают структуру, но ничего оттуда не делают. JavaScript создает динамическую активность в вашем приложении. Сценарии в JavaScript — это то, что управляет функциями при нажатии кнопок, аутентификацией форм паролей и управлением мультимедиа.

Все три части работают в гармонии друг с другом, создавая полноценные приложения. Было бы неплохо узнать больше о HTML и CSS, если вы не совсем в них разбираетесь.

Как работает JavaScript?

Прежде чем писать JavaScript, важно знать, как он работает внутри. Необходимо изучить две важные части: как работает веб-браузер и объектная модель документа (DOM).

Веб-браузер загружает веб-страницу, анализирует HTML и создает из содержимого так называемую объектную модель документа (DOM). DOM представляет интерактивный просмотр веб-страницы вашему коду JavaScript.

Затем браузер захватит все, что связано с HTML, например изображения и файлы CSS. Информация CSS поступает из синтаксического анализатора CSS.

Материал DOM объединяет HTML и CSS для создания веб-страницы. Затем механизм JavaScript браузера загружает файлы JavaScript и встроенный код, но не запускает код немедленно. Он ожидает завершения загрузки HTML и CSS.

После этого JavaScript выполняется в порядке написания кода. В результате DOM обновляется кодом JavaScript и отображается в браузере.

Порядок здесь важен. Если бы JavaScript не дождался завершения HTML и CSS, он не смог бы изменить элементы DOM.

Что можно сделать с помощью JavaScript?

JavaScript – это полноценный язык программирования, который может делать почти все то же, что и обычный язык, такой как Python. К ним относятся:

  • Объявление переменных.
  • Сохранение и извлечение значений.
  • Определение и вызов функций, включая функции стрелок.
  • Определение объектов и классов JavaScript.
  • Загрузка и использование внешних модулей.
  • Написание обработчиков событий, которые реагируют на клики.
  • Написание кода сервера.
  • И многое другое.

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

Давайте рассмотрим некоторые основы JavaScript с примерами кода.

Объявление переменных

JavaScript имеет динамический тип, что означает, что вам не нужно объявлять тип ваших переменных в коде.

Операторы

Массивы

Функции

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

Циклы

JavaScript может выполнять циклы для итерации, такие как циклы for и циклы while.

Комментарии

На веб-странице

Самый распространенный способ загрузки JavaScript на веб-страницу — использование HTML-тега script. В зависимости от ваших требований вы можете использовать один из следующих методов.

  • Загрузите внешний файл JavaScript на веб-страницу следующим образом:
  • Вы можете указать полный URL-адрес, если javascript находится в другом домене веб-страницы, следующим образом:
  • JavaScript можно встраивать непосредственно в HTML. Вот

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

Это более сложные темы, сейчас вы изучаете основы.

Примеры фрагментов кода JavaScript

Вот несколько простых примеров кода JavaScript, иллюстрирующих его использование на веб-страницах. Это примеры кода, работающего с DOM.

  • Следующее выделяет все выделенные жирным шрифтом элементы в документе и устанавливает красный цвет для первого.
  • Хотите изменить изображение в теге img? Далее связывается обработчик события click кнопки.
  • Обновить текстовое содержимое элемента абзаца (p)? Задайте свойство innerHTML элемента, как показано ниже:

Эти примеры кода дают лишь представление о том, что можно сделать с помощью JavaScript на веб-странице. Существует множество учебных пособий, которые могут научить вас кодировать, чтобы вы могли начать. Вы можете попробовать его на любой веб-странице, даже на этой! Откройте консоль и попробуйте код JavaScript.

Теперь вы знаете, что делает JavaScript

Надеюсь, это введение помогло вам лучше понять JavaScript и заинтересовать вас веб-программированием. Вы можете повторить все это в нашей удобной шпаргалке по JavaScript. О JavaScript можно узнать гораздо больше. Как только вы почувствуете себя более комфортно, почему бы не попробовать научиться использовать объектную модель документа? Вам также может быть интересно узнать о TypeScript.

Читайте также:

Требования: Базовая компьютерная грамотность, базовое понимание HTML и CSS.
Познакомиться с тем, что такое JavaScript, что он может делать и как он вписывается в веб-сайт.