Что такое JavaScript и как он работает?

JavaScript — это язык программирования для Интернета. Он поддерживается большинством веб-браузеров, включая Chrome, Firefox, Safari, Internet Explorer, Edge, Opera и т. Д. Большинство мобильных браузеров для смартфонов также поддерживают JavaScript.

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

Триада веб-страницы

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

Триада веб-страницы

История JavaScript

Разработка JavaScript началась в 1995 году в Netscape Communications, создателе браузера Netscape. Они поняли, что добавление «языка склеивания» для улучшения взаимодействия с пользователем в Интернете увеличит его восприятие. Поэтому они привели Брендана Эйха, чтобы встроить язык программирования Scheme. Однако, поскольку в то время Java был горячим новым языком в Интернете, они решили сделать язык ближе по синтаксису к Java. Результатом стал JavaScript с функциями Scheme, объектной ориентацией SmallTalk и синтаксисом Java. Первая версия этого языка была фактически названа Mocha в мае 1995 года, переименована в LiveScript в сентябре 1995 года и снова переименована в JavaScript в декабре 1995 года.

В 1996 году JavaScript был передан в ECMA International для доработки в качестве стандартной спецификации. В июне 1997 года была выпущена первая официальная спецификация для языка ECMA-262. Последняя версия языка — ECMAScript 2017, выпущенная в июне 2017 года.

Что я могу сделать с JavaScript?

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

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

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

Предупреждение: Поскольку JavaScript такой мощный язык

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

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

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

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

Загрузка JavaScript на веб-странице

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

  • Загрузите внешний файл javascript на веб-страницу следующим образом:
    
    
  • Вы можете указать полный URL-адрес, если javascript из другого домена с веб-страницы, следующим образом:
    
    
  • JavaScript может быть непосредственно встроен в HTML. Следующее вызывает веб-страницу всплывающее окно с предупреждением при загрузке.
    
    alert("Page is loaded");
    

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

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

Вот несколько простых примеров кода JavaScript, чтобы проиллюстрировать, насколько просто использовать их на вашей веб-странице.

  • Следующее выбирает все смелый элементы в документе и устанавливает цвет первого на красный.
    var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
    
  • Хотите изменить изображение в IMG тег? Следующее связывает обработчик событий для события нажатия кнопки.
    
    Change Image
    
  • Обновить текстовое содержание абзаца (п) элемент? Установить innerHTML свойство элемента, как показано:

    Hello World

    Click me

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

в Интернете, чтобы вы начали. Попробуйте сегодня!

Завершение

Надеемся, что это введение принесло некоторое понимание JavaScript и разожгло ваш аппетит к веб-программированию в целом и JavaScript в частности.

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

Изображение предоставлено: info@crashmedia.fi/Depositphotos

Ссылка на основную публикацию
Adblock
detector