Вы можете просто использовать свойства width и height объекта window.screen, чтобы получить разрешение экрана (т.е. ширину и высоту экрана). В следующем примере будет отображаться разрешение вашего экрана при нажатии кнопки. Чтобы определить собственное разрешение дисплея мобильного устройства (например, дисплея Retina), вам необходимо умножить ширину и высоту экрана на соотношение пикселей устройства, например window.screen.width * window.devicePixelRatio…
JavaScript Примеры
Вы можете использовать метод reduce(), чтобы найти или вычислить сумму массива чисел. Метод reduce() выполняет указанную функцию редуктора для каждого члена массива, в результате чего получается одно выходное значение, как показано в следующем примере: 0 в приведенном выше примере (строка №7) — это initialValue, то есть значение, которое будет использоваться в качестве первого аргумента для…
Вы можете использовать метод splice() для удаления элемента из массива по определенному индексу в JavaScript. Синтаксис для удаления элементов массива можно указать с помощью splice(startIndex, deleteCount). Здесь в параметре startIndex указывается индекс, с которого нужно начинать склейку массива, это обязательный параметр; второй параметр deleteCount — это количество удаляемых элементов (если он установлен в 0, ни…
Вы можете легко изменить цвет фона веб-страницы, то есть элемент <body> или любой другой элемент динамически, используя его свойство style в JavaScript. Свойство style используется для получения, а также для установки встроенного стиля элемента, например:
Метод JavaScript split() используется для разделения строки с использованием определенной строки разделителя, например запятой (,), пробела и т. д. Однако, если разделителем является пустая строка («»), строка будет преобразована в массив символов, как показано в следующем примере: Подробнее см. Руководство по массивам JavaScript.
Вы можете использовать метод trunc(), чтобы получить целую часть числа, удалив все дробные цифры. Этот метод был добавлен в ECMAScript 6 и поддерживается последними браузерами, такими как браузеры Chrome, Firefox, Safari, Opera и Edge. Не поддерживается в Internet Explorer. В качестве альтернативы вы также можете попробовать другие методы, такие как floor(), ceil() и round(), для…
Комментарии в JavaScript обычно добавляются с целью предоставления дополнительной информации, относящейся к исходному коду. Это поможет понять и упростить навигацию по коду не только вам, но и тем, кто будет работать с вами над этим проектом. Однострочные комментарии Однострочные комментарии в JavaScript начинаются с //, см. пример ниже: Многострочные комментарии Многострочные комментарии в JavaScript начинаются…
Вы можете просто использовать метод массива forEach() для перебора всех элементов в массиве с помощью JavaScript. Метод forEach() выполняет заданную функцию один раз для каждого элемента массива. В следующем примере будут отображаться все значения в массиве городов с использованием цикла foreach. Метод forEach() не изменяет исходный массив (т.е. массив, для которого он вызывается). Однако функция…
По умолчанию localStorage или sessionStorage позволяет хранить только строковые пары ключ / значение. Но вы также можете хранить объекты JavaScript в веб-хранилище с помощью небольшой хитрости. Чтобы сохранить объекты, сначала сделайте их строковыми с помощью метода JSON.stringify(), а затем распарсите с помощью JSON.parse(), когда вам понадобится его использовать, как показано в следующем примере: Подробнее см….
Вы можете использовать JavaScript-свойство window.location.href, чтобы получить полный URL-адрес текущей страницы, который включает имя хоста, строку запроса и т. д. В следующем примере отображается текущий URL-адрес страницы при нажатии кнопки. Подробнее см. Руководство по window location JavaScript.
Вы можете просто использовать свойство value элемента input DOM, чтобы получить значение поля ввода текста. В следующем примере введенный текст будет отображаться в поле ввода при нажатии кнопки с использованием JavaScript.
Вы можете просто использовать JavaScript-свойство clientWidth, чтобы получить текущую ширину и высоту изображения. Это свойство округляет значение до целого числа. Давайте посмотрим на следующий пример, чтобы понять, как это работает: