Рубрика: Блог

Выполнение кода javascript в html

JavaScript, CSS, HTML

Для того чтобы выполнить JavaScript-код внутри HTML-документа, необходимо разместить этот код либо непосредственно в HTML-файле между тегами <script></script>, либо подключить внешний файл с JavaScript-кодом. Рассмотрим оба варианта. Вариант 1: Внутренний JavaScript-код В этом случае весь необходимый JavaScript-код размещается непосредственно в HTML-документе. Пример: <!DOCTYPE html> <html lang=»en»> <head>    <meta charset=»UTF-8″>    <title>Пример с внутренним JavaScript</title> </head> <body> <h1>Привет!</h1> […]

Загрузка...
 Просмотров: 402 Читать статью

Первая программа на JavaScript

JavaScript, CSS, HTML

Вот пример простой программы на JavaScript, которая выводит приветствие в консоль браузера: <!DOCTYPE html> <html lang=»ru»> <head>    <meta charset=»UTF-8″>    <title>Моя первая программа</title> </head> <body> <script>    console.log(«Привет, мир!»); </script> </body> </html> Как работает эта программа? HTML-документ: Мы создаем простую HTML-страницу с заголовком <title> и телом <body>. Внутри тела находится тег <script>, который содержит наш JavaScript-код. JavaScript-код: Внутри тега <script> мы используем функцию console.log(), […]

Загрузка...
 Просмотров: 444 Читать статью

Функция requestAnimationFrame JavaScript

JavaScript, CSS, HTML

requestAnimationFrame — это метод, позволяющий планировать выполнение функции непосредственно перед тем, как браузер произведёт перерисовку экрана. Он оптимизирован для работы с анимацией и визуализацией, так как синхронизируется с частотой обновления монитора (обычно 60 кадров в секунду), обеспечивая максимально плавное отображение изменений. Как работает requestAnimationFrame? Когда вы вызываете requestAnimationFrame(callback), браузер добавляет вашу функцию callback в очередь вызовов, которая будет выполнена прямо […]

Загрузка...
 Просмотров: 490 Читать статью

Функции времени JavaScript

JavaScript, CSS, HTML

В JavaScript существует несколько функций и методов, связанных со временем. Они помогают работать с датами и временем, выполнять задачи по расписанию и многое другое. Рассмотрим основные из них: 1. new Date() Конструктор Date() создает объект даты, представляющий момент во времени. Этот объект содержит информацию о дате и времени, включая год, месяц, день, часы, минуты, секунды […]

Загрузка...
 Просмотров: 405 Читать статью

Функции в JavaScript

JavaScript, CSS, HTML

В JavaScript функции играют ключевую роль при создании программной логики. Они позволяют разбивать код на отдельные блоки для выполнения конкретных задач, а также помогают избежать дублирования кода. Основные виды функций: Объявленные функции (Function Declaration) Анонимные функции (Function Expression) Стрелочные функции (Arrow Function) Конструктор функции (Constructor Function) Генерирующие функции (Generator Functions) Методы объектов Итераторы и другие […]

Загрузка...
 Просмотров: 418 Читать статью

Массивы в JavaScript

JavaScript, CSS, HTML

Массивы в JavaScript — это мощные структуры данных, позволяющие хранить и обрабатывать наборы элементов. Они предоставляют множество методов для удобного управления данными, таких как добавление, удаление, сортировка, фильтрация и многое другое. В этом руководстве мы рассмотрим основные операции с массивами, включая создание, доступ к элементам, изменение размеров, объединение массивов и выполнение операций над ними. Пример […]

Загрузка...
 Просмотров: 424 Читать статью

Циклы (for, while) JavaScript

JavaScript, CSS, HTML

В JavaScript существует несколько видов циклов, которые позволяют многократно выполнять определенные блоки кода. Наиболее популярные циклы — это for и while. Рассмотрим их подробнее. Цикл for Цикл for используется для итерации по коллекции элементов, такой как массив или строка. Он состоит из трех частей: инициализации, условия продолжения цикла и обновления счетчика. for (let i = […]

Загрузка...
 Просмотров: 428 Читать статью

Условные операторы (if, else) JavaScript

JavaScript, CSS, HTML

В JavaScript условные операторы if и else используются для управления потоком выполнения программы на основе определенных условий. Они позволяют выбрать один из нескольких вариантов действий в зависимости от истинности заданного условия. Рассмотрим, как работают эти операторы. Оператор if Оператор if проверяет выполнение определенного условия и выполняет блок кода, если условие истинно. let age = 21; […]

Загрузка...
 Просмотров: 402 Читать статью

Логические операторы JavaScript

JavaScript, CSS, HTML

Логические операторы в JavaScript используются для выполнения логических операций над булевыми значениями. Они позволяют комбинировать простые условия для получения сложных логических выражений. Основные логические операторы в JavaScript: 1. Логическое И (&&) Оператор && возвращает true, если оба операнда истинны, иначе возвращает false. let a = true; let b = false; console.log(a && b); // false […]

Загрузка...
 Просмотров: 339 Читать статью

Преобразование типов JavaScript

JavaScript, CSS, HTML

В JavaScript преобразование типов данных может происходить явно (программистом) или неявно (автоматически интерпретатором). Вот основные способы преобразования типов: Явное преобразование типов Явное преобразование означает, что программист явно указывает, какой тип данных должен получить результат. Числовой тип (Number) let str = «123»; let num = Number(str); console.log(typeof num); // number console.log(num + 1); // 124 Строковый […]

Загрузка...
 Просмотров: 344 Читать статью