How to increase and decrease image size using JavaScript

Answer: Use the JavaScript width и height property You can use either width or height JavaScript property to proportionally increase и decrease the dimension of an image like zoom-in и zoom-out feature. Let’s take a look at the following example to understи how it basically works: Пример <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»utf-8″> <title>JavaScript…

Как сделать паузу при выполнении скрипта в JavaScript

Вы можете просто использовать метод setTimeout(), чтобы сделать паузу, прежде чем продолжить выполнение кода в JavaScript. Время задержки выполнения скрипта указывается в миллисекундах (тысячных долях секунды). Давайте посмотрим следующий пример, чтобы понять, как это работает: Как вы заметили в предыдущем примере, JS-код после метода setTimeout() продолжает выполнение. Однако, если вам нужен настоящий «сон», когда все…

Как перебрать массив в JavaScript

Самый простой способ перебрать массив в JavaScript — использовать цикл for. В следующем примере показано, как вывести все значения массива в JavaScript по очереди. В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 для итерации по массиву, например: См. Руководство по ES6-функциям JavaScript, чтобы узнать о новых функциях, представленных в ES6.

Как создавать многострочные строки в JavaScript

Вы можете использовать конкатенацию строк (с помощью оператора +) для создания многострочной строки. В следующем примере показано, как динамически составлять некоторый контент HTML в JavaScript, используя конкатенацию строк, и печатать его на веб-странице. Есть даже лучший способ сделать это. Начиная с ES6, вы можете очень легко использовать шаблонные литералы для создания многострочных строк. В шаблонных…

Как вызвать несколько функций JavaScript в одном событии onclick

Если вы хотите вызвать или выполнить несколько функций в одном событии нажатия кнопки, вы можете использовать метод JavaScript addEventListener(), как показано в следующем примере: Подробнее см. Руководство по Event Listeners JavaScript, чтобы узнать больше о подключении нескольких обработчиков событий. В качестве альтернативы вы также можете вызвать более одной функции JavaScript в одном событии onclick, например:…

Как зафиксировать событие изменения размера окна браузера в JavaScript

Вы можете просто использовать метод addEventListener() для регистрации обработчика событий, который будет прослушивать событие resize — изменения размера окна браузера, например window.addEventListener(‘resize’, …). В следующем примере будет отображаться текущая ширина и высота окна браузера при изменении размера. Вам следует избегать использования такого решения, как window.onresize = function(event) { … };, поскольку оно переопределяет функцию обработчика…

Как получить день, месяц и год из объекта даты в JavaScript

Вы можете использовать методы объекта getDate(), getMonth() и getFullYear(), чтобы получить дату, месяц и полный год из объекта Date. Давайте посмотрим на пример: Методы getDate(), getMonth() и getFullYear() возвращают дату и время в локальном часовом поясе компьютера, на котором выполняется скрипт. Если вы хотите получить дату и время в универсальном часовом поясе, просто замените эти…

Как создать строку, объединив элементы массива в JavaScript

Вы можете легко создать строку, объединив элементы массива с помощью JavaScript-метода join(). Метод join() также позволяет указать разделитель для разделения элементов массива. Разделитель по умолчанию — запятая (,). Давайте посмотрим на следующий пример:

Как удалить повторяющиеся значения из массива JavaScript

Вы можете использовать метод indexOf() вместе с push(), чтобы удалить повторяющиеся значения из массива или получить все уникальные значения из массива в JavaScript. Давайте посмотрим на следующий пример, чтобы понять, как это работает: В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 вместо цикла for, чтобы очень легко выполнить эту фильтрацию, как…

Как получить исходный размер изображения (ширину и высоту) в JavaScript

Вы можете легко найти исходную или внутреннюю ширину и высоту изображения, используя HTML5-свойства изображений naturalWidth и naturalHeight. Эти свойства поддерживаются во всех основных веб-браузерах, таких как Chrome, Firefox, Safari, Opera, Internet Explorer 9 и выше. Давайте посмотрим на пример, чтобы понять, как это работает: В качестве альтернативы, если вы хотите выполнить ту же задачу с…

Как вернуть несколько значений из функции в JavaScript

Функция не может возвращать несколько значений. Однако вы можете получить аналогичные результаты, вернув массив, содержащий несколько значений. Давайте посмотрим на следующий пример: В качестве альтернативы вы также можете вернуть объект, если хотите пометить каждое из возвращаемых значений для облегчения доступа, как показано в следующем примере:

Как включить один файл в другой файл JavaScript

Начиная с ECMAScript 6 (или ES6) вы можете использовать оператор export или import в файле JavaScript для экспорта или импорта переменных, функций, классов или любых других объектов в / из других файлов JS. Например, предположим, что у вас есть два файла JavaScript с именами «main.js» и «app.js», и вы хотите экспортировать некоторые переменные и функции…