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 — использовать цикл for. В следующем примере показано, как вывести все значения массива в JavaScript по очереди. В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 для итерации по массиву, например: См. Руководство по ES6-функциям JavaScript, чтобы узнать о новых функциях, представленных в ES6.
Вы можете использовать конкатенацию строк (с помощью оператора +) для создания многострочной строки. В следующем примере показано, как динамически составлять некоторый контент HTML в JavaScript, используя конкатенацию строк, и печатать его на веб-странице. Есть даже лучший способ сделать это. Начиная с ES6, вы можете очень легко использовать шаблонные литералы для создания многострочных строк. В шаблонных…
Если вы хотите вызвать или выполнить несколько функций в одном событии нажатия кнопки, вы можете использовать метод JavaScript addEventListener(), как показано в следующем примере: Подробнее см. Руководство по Event Listeners JavaScript, чтобы узнать больше о подключении нескольких обработчиков событий. В качестве альтернативы вы также можете вызвать более одной функции JavaScript в одном событии onclick, например:…
Вы можете просто использовать метод addEventListener() для регистрации обработчика событий, который будет прослушивать событие resize — изменения размера окна браузера, например window.addEventListener(‘resize’, …). В следующем примере будет отображаться текущая ширина и высота окна браузера при изменении размера. Вам следует избегать использования такого решения, как window.onresize = function(event) { … };, поскольку оно переопределяет функцию обработчика…
Вы можете использовать методы объекта getDate(), getMonth() и getFullYear(), чтобы получить дату, месяц и полный год из объекта Date. Давайте посмотрим на пример: Методы getDate(), getMonth() и getFullYear() возвращают дату и время в локальном часовом поясе компьютера, на котором выполняется скрипт. Если вы хотите получить дату и время в универсальном часовом поясе, просто замените эти…
Вы можете легко создать строку, объединив элементы массива с помощью JavaScript-метода join(). Метод join() также позволяет указать разделитель для разделения элементов массива. Разделитель по умолчанию — запятая (,). Давайте посмотрим на следующий пример:
Вы можете использовать метод indexOf() вместе с push(), чтобы удалить повторяющиеся значения из массива или получить все уникальные значения из массива в JavaScript. Давайте посмотрим на следующий пример, чтобы понять, как это работает: В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 вместо цикла for, чтобы очень легко выполнить эту фильтрацию, как…
Вы можете легко найти исходную или внутреннюю ширину и высоту изображения, используя HTML5-свойства изображений naturalWidth и naturalHeight. Эти свойства поддерживаются во всех основных веб-браузерах, таких как Chrome, Firefox, Safari, Opera, Internet Explorer 9 и выше. Давайте посмотрим на пример, чтобы понять, как это работает: В качестве альтернативы, если вы хотите выполнить ту же задачу с…
Функция не может возвращать несколько значений. Однако вы можете получить аналогичные результаты, вернув массив, содержащий несколько значений. Давайте посмотрим на следующий пример: В качестве альтернативы вы также можете вернуть объект, если хотите пометить каждое из возвращаемых значений для облегчения доступа, как показано в следующем примере:
Начиная с ECMAScript 6 (или ES6) вы можете использовать оператор export или import в файле JavaScript для экспорта или импорта переменных, функций, классов или любых других объектов в / из других файлов JS. Например, предположим, что у вас есть два файла JavaScript с именами «main.js» и «app.js», и вы хотите экспортировать некоторые переменные и функции…