Что такое JavaScript?
JavaScript — это язык программирования для Интернета.
JavaScript может обновлять и изменять как HTML , так и CSS.
JavaScript может вычислять , обрабатывать и проверять данные.
Учебник по быстрому запуску JavaScript
В этом руководстве мы кратко рассмотрим наиболее важные типы данных JavaScript.
Переменные JavaScript могут быть:
- Числа
- Струны
- Объекты
- Массивы
- Функции
Переменные JavaScript
Переменные JavaScript — это контейнеры для хранения значений данных.
В этом примере x, y и z являются переменными:
Пример
var x = 5;
var y = 6;
var z = x + y;
Из приведенного выше примера вы можете ожидать:
- х хранит значение 5
- у хранит значение 6
- z хранит значение 11
Номера JavaScript
JavaScript имеет только один тип числа. Числа можно записывать как с десятичными знаками, так и без них.
Пример
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Все числа хранятся как числа с плавающей запятой двойной точности.
Максимальное количество десятичных знаков — 17, но числа с плавающей запятой не всегда точны на 100%:
Пример
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Строки JavaScript
Строки хранят текст . Строки записываются внутри кавычек. Вы можете использовать одинарные или двойные кавычки :
Пример
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Длина строки находится во встроенном свойстве length :
Пример
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Объекты JavaScript
Вы уже узнали, что переменные JavaScript являются контейнерами для значений данных.
Этот код присваивает простое значение (Fiat) переменной car:
var car = "Fiat";
Объекты тоже переменные. Но объекты могут содержать множество значений.
Этот код присваивает множество значений (Fiat, 500, белый) переменной car:
var car = {type:"Fiat", model:"500", color:"white"};
Массивы JavaScript
Массивы JavaScript используются для хранения нескольких значений в одной переменной.
Пример
var cars = ["Saab", "Volvo", "BMW"];
Функции JavaScript
Функция JavaScript — это блок кода, предназначенный для выполнения определенной задачи.
Функция JavaScript выполняется, когда «что-то» вызывает ее (вызывает).
Пример
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Что может JavaScript?
Этот раздел содержит несколько примеров того, что может сделать JavaScript:
- JavaScript может изменить HTML-контент
- JavaScript может изменять значения атрибутов HTML
- JavaScript может изменять стили HTML (CSS)
- JavaScript может скрывать HTML-элементы
- JavaScript может отображать HTML-элементы
JavaScript может изменить HTML-контент
Одним из многих HTML-методов JavaScript является getElementById() .
В этом примере метод используется для поиска HTML-элемента (с id="demo") и изменения содержимого элемента ( innerHTML ) на "Hello JavaScript":
Пример
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript может изменять значения атрибутов HTML
В этом примере JavaScript изменяет значение атрибута src (источник) тега <img>:
Лампочка
JavaScript может изменять стили HTML (CSS)
Изменение стиля элемента HTML — это вариант изменения атрибута HTML:
Пример
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript может скрывать HTML-элементы
Скрыть элементы HTML можно, изменив стиль отображения:
Пример
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript может отображать HTML-элементы
Отображение скрытых элементов HTML также можно выполнить, изменив стиль отображения:
Пример
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Полное руководство по JavaScript
Это было краткое описание JavaScript.
Полное руководство по JavaScript можно найти в Учебнике по JavaScript от W3Schools .
Чтобы получить полную справку по JavaScript, перейдите в Справочник по JavaScript W3Schools .