#1# Что такое JavaScript на самом деле? » Информационный Портал ITwix.RU. Новости мира и IT
» » » #1# Что такое JavaScript на самом деле?

Помощь, JavaScript

#1# Что такое JavaScript на самом деле?


Что такое jаvascript на самом деле?


jаvascript ("JS" для краткости) — это полноценный динамический язык программирования, который применяется к HTML документу, и может обеспечить динамическую интерактивность на веб-сайтах. Его разработал Brendan Eich, сооснователь проекта Mozilla, Mozilla Foundation и Mozilla Corporation.
jаvascript невероятно универсален и дружелюбен к новичкам. Обладая большим опытом, вы сможете создавать игры, анимированную 2D и 3D графику, полномасштабные приложения с базами данных и многое другое!
jаvascript сам по себе довольно компактный, но очень гибкий. Разработчиками написано большое количество инструментов поверх основного языка jаvascript, которые разблокируют огромное количество дополнительных функций с очень небольшим усилием. К ним относятся:
  • Программные интерфейсы приложения (API), встроенные в браузеры, обеспечивающие различные функциональные возможности, такие как динамическое создание HTML и установку CSS стилей, захват и манипуляция видеопотоком, работа с веб-камерой пользователя или генерация 3D графики и аудио сэмплов.
  • Сторонние API позволяют разработчикам внедрять функциональность в свои сайты от других разработчиков, таких как Twitter или Facebook.
  • Также вы можете применить к вашему HTML сторонние фреймворки и библиотеки, что позволит вам ускорить создание сайтов и приложений.
Поскольку эта статья должна быть только лёгким введением в jаvascript, мы не собираемся путать вас на этом этапе, подробно рассказывая о том, какая разница между основным языком jаvascript и различными инструментами, перечисленными выше. Вы можете подробно изучить все это позже, в нашей учебной области jаvascript  и в остальной части MDN. 
Ниже мы познакомим вас с некоторыми аспектами основного языка, и вы также будете играть с несколькими функциями API браузера. Веселитесь!



Пример "hello world"


Предыдущий раздел звучит очень многообещающе, и это на самом деле так — jаvascript является одной из самых перспективных веб-технологий, и когда вы освоитесь и начнёте использовать его, ваши веб-сайты перейдут в новое измерение мощи и креативности.
Тем не менее, с jаvascript немного более сложно освоиться, чем с HTML и CSS. Вам придется начать с малого, продолжая изучение небольшими шагами. Для начала мы покажем вам, как добавить некоторые основы jаvascript на вашу страницу, чтобы создать "hello world!".
  1. Для начала перейдите на ваш тестовый сайт и создайте папку с именем 'scripts' (без кавычек). Затем, в новой папке скриптов, которую вы только что создали, создайте новый файл с именем main.js. Сохраните его в вашей папке scripts.
  2. Далее перейдите в ваш index.html файл и введите следующий элемент на новой строке прямо перед закрывающим тегом </body>
    <script src="scripts/main.js"></script>
  3.  В основном этот код выполняет ту же работу, что и элемент <link> для CSS — добавляет jаvascript на страницу, позволяя ему взаимодействовать с HTML (и CSS, и чем-нибудь ещё на странице).
  4. Теперь добавьте следующий код в файл main.js
    var myHeading = document.querySelector('h1');
    myHeading.textContent = 'Hello world!';
  5. Теперь убедитесь, что HTML и jаvascript файлы сохранены, и загрузите index.html в браузере. Вы должны увидеть что-то вроде этого:



Причиной, по которой мы поставили элемент
<script> в нижней части HTML файла, является то, что HTML-элементы загружаются браузером в том порядке, в котором они расположены в файле. Поэтому, если jаvascript загружается первым и ему нужно взаимодействовать с HTML ниже его, он не сможет работать, так как jаvascript будет загружен раньше, чем HTML, с которым нужно работать. Поэтому, располагать jаvascript в нижней части HTML страницы считается лучшей стратегией.

Что произошло?


Итак, ваш заголовок текста был изменен на "Hello world!" с помощью jаvascript. Мы сделали это с помощью вызова функции querySelector(), захватив ссылку на наш заголовок и сохранив её в переменной, названной myHeading. Это очень похоже на то, что мы делали в CSS с помощью селекторов. Если вы хотите что-то сделать с элементом, то для начала вам нужно его выбрать.
После этого, вы устанавливаете значение переменной myHeadinв
textContent свойство (которое представляет собой контент заголовка) "Hello world!".бесплатно модули и шаблоны для dle

Похожие новости

Комменатрии к новости

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Написать свой комментарий:

Самый интересный портал из мира высоких технологий и развлечений. На нашем портале - все о компьютерном мире, информационных технологий, развлечений, игр, новостей.

Присоединяйтесь

О Портале

Контакты: ITwix.ru@ya.ru | ITwix.ru@gmail.com

Регон: Россия, Москва

Наша Редакция: Наши Контакты

Посещаемость