JavaScript

JavaScript (англ. /ˈdʒɑːvəskrɪpt/; аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262)¹⁾.

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

Что умеет JavaScript?

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

Мой Первый JavaScript

index.html

<html>
<body>
<button type="button"
onclick="document.getElementById('demo_time').innerHTML = Date()">
Нажмите, чтобы отобразить дату и время.</button>
<p id="demo_time"></p>
</body>
</html>

JavaScript может изменять содержимое HTML.

index.html

<html>
<body>
<p id="demo">Изменить этот текст?</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Текст успешно изменен!"'>Изменить?</button>
</body>
</html>

Изменить этот текст?

JavaScript может изменять стиль HTML элемента.</h3>

index.html

<html>
<body>
<p id="demo_style">Изменить размер шрифта</p>
<button type="button" onclick="document.getElementById('demo_style').style.fontSize='25px'">Шрифт 25px</button>
<button type="button" onclick="document.getElementById('demo_style').style.fontSize='10px'">Шрифт 10px</button>
</body>
</html>

Изменить размер шрифта

JavaScript может открыть новое окно.

index.html

<html>
<body>
<p>Click Нажмите кнопку, чтобы открыть новое окно с некоторыми характеристиками</p>
<button onclick="myFunction()">Открыть окно?</button>
<script>
function myFunction() {
  var myWindow = window.open("https://google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
}
</script>
</body>
</html>

Click Нажмите кнопку, чтобы открыть новое окно с некоторыми характеристиками

JavaScript может скрыть HTML элементы.

index.html

<html>
<body>
<p id="demo_none">Скрыть/отобразить этот текст?</p>
<button type="button" onclick="document.getElementById('demo_none').style.display='none'">Скрыть</button>
<button type="button" onclick="document.getElementById('demo_none').style.display='block'">Отобразить</button>
</body>
</html>

Скрыть/отобразить этот текст?

Куда вставить JavaScript

¹⁾

ECMAScript — встраиваемый расширяемый не имеющий средств ввода-вывода язык программирования, используемый в качестве основы для построения других скриптовых языков. ECMAScript стандартизирован международной организацией ECMA в спецификации ECMA-262. Расширения языка: JavaScript, JScript и ActionScript.

²⁾

Веб-страни́ца (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера. Происходит от англ. web — паутина, сеть. Сеть не является Интернетом, она лишь использует Интернет как среду передачи информации и данных..