JavaScript учебник
Начало работы с JavaScript

Angular 2 AngularJS ASP.NET CSS HTML jQuery Node.js PHP React Regular Expressions

замечания

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

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

JavaScript - это стандартная реализация стандарта ECMAScript.

Темы этого тега часто ссылаются на использование JavaScript в браузере, если не указано иное. Только файлы JavaScript не могут запускаться непосредственно браузером; необходимо встроить их в HTML-документ. Если у вас есть код JavaScript, который вы хотите попробовать, вы можете вставить его в некоторый контент-заполнитель, подобный этому, и сохранить результат как example.html :

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test page</title>
  </head>
  <body>
    Inline script (option 1):
    <script>
      // YOUR CODE HERE
    </script>
    External script (option 2):
    <script src="your-code-file.js"></script>
  </body>
</html>

Версии

Версия	Дата выхода
1	1997-06-01
2	1998-06-01
3	1998-12-01
E4X	2004-06-01
5	2009-12-01
5,1	2011-06-01
6	2015-06-01
7	2016-06-14
8	2017-06-27

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

DOM означает D ocument O bject M odel. Это объектно-ориентированное представление структурированных документов, таких как XML и HTML .

Установка свойства textContent Element - один из способов вывода текста на веб-страницу.

Например, рассмотрим следующий тег HTML:

<p id="paragraph"></p>

Чтобы изменить свойство textContent , мы можем запустить следующий JavaScript:

document.getElementById("paragraph").textContent = "Hello, World";

Это выберет элемент, который с paragraph id и настроит его текстовое содержимое на «Hello, World»:

<p id="paragraph">Hello, World</p>

(См. Также эту демонстрацию)

Вы также можете использовать JavaScript для создания нового элемента HTML программно. Например, рассмотрим документ HTML со следующим телом:

<body>
   <h1>Adding an element</h1>
</body>

В нашем JavaScript мы создаем новый <p> с свойством textContent и добавляем его в конец тела html:

var element = document.createElement('p');
element.textContent = "Hello, World";
document.body.appendChild(element); //add the newly created element to the DOM

Это изменит ваше тело HTML на следующее:

<body>
   <h1>Adding an element</h1>
   <p>Hello, World</p>
</body>

Обратите внимание, что для управления элементами в DOM с использованием JavaScript код JavaScript должен запускаться после создания соответствующего документа в документе. Это может быть достигнуто путем размещения тегов JavaScript <script> после всего вашего другого содержимого <body> . Кроме того, вы можете также использовать прослушиватель событий для прослушивания, например. window onload , добавление вашего кода в этот прослушиватель событий задержит запуск вашего кода до тех пор, пока не будет загружен весь контент на вашей странице.

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

Использование console.log ()

Вступление

Все современные веб-браузеры, NodeJs, а также почти все другие среды JavaScript поддерживают запись сообщений на консоль с использованием набора методов ведения журнала. Наиболее распространенным из этих методов является console.log() .

В среде браузера функция console.log() используется преимущественно для целей отладки.