etxt banner 468x60etxt banner 728x90etxt banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180

JavaScript Примеры

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

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

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

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

Как создать строку, объединив элементы массива в 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», и вы хотите экспортировать некоторые переменные и функции…
Подробнее