Рубрика: JavaScript

Уроки JavaScript – строгий режим (strict-mode)

Когда разработчик пишет скрипты в строгом режиме, это облегчает ему создание «безопасного» JavaScript. По умолчанию JavaScript позволяет программисту писать код немного небрежно, например, не объявлять переменные с помощью var при первом их появлении. Хотя это может показаться удобным для некоторых разработчиков, такой подход может быть причиной многих ошибок, когда имя переменной написано с ошибкой или случайно указано вне ее области действия. Программисты любят заставлять компьютер делать за них скучные вещи и автоматически проверять их работу...

Уроки JavaScript – как получить текущую дату и время

Одной из самых интересных вещей в JavaScript является получение доступа к дате и времени, и дальнейшая работа с ними. На самом деле это очень легко, и в сегодняшней статье мы рассмотрим этот процесс очень детально. В JavaScript уже есть встроенный объект, который получает дату и время – все, что вам нужно сделать, это просто использовать его!     Объект даты Date() в JavaScript Чтобы использовать этот объект даты, вы должны сначала создать его экземпляр. Для...

Уроки JavaScript – ознакомление с функцией console.log()

Когда вы пишете приложение на JavaScript, очень полезно использовать отладчик (или дебаггер, от англ. debugger), т.е., программу, которая предназначена для поиска ошибок в других программах. Все браузеры поставляются с подобной программой, которая выполняет функции отладчика, — речь идет о Консоли (Console). Здесь вы найдете все ошибки, которые возникают при взаимодействии браузера с сайтом. Например, здесь вы можете увидеть недоступные ресурсы сайта (которые возвращают 404 ошибку), ошибки в JavaScript коде и массу других полезных данных. Кроме...

Примеры манипулирования DOM с помощью jQuery

В предыдущих статьях категории Уроки JavaScript мы рассмотрели основные принципы DOM, узнали, как можно взаимодействовать и манипулировать элементами DOM с помощью простого JavaScript. В этой статье мы немного расширим данную тему и рассмотрим примеры манипулирования элементами DOM с помощью мощной библиотеки JavaScript – jQuery. Библиотека jQuery располагает мощными инструментами для нахождения элементов и работы с ними для достижения нужной цели. С помощью методов jQuery задачи обхода и манипуляции элементами DOM решаются довольно простыми и интуитивно...

Уроки JavaScript – выполнение кода после полной загрузки DOM

Довольно часто при написании кода JavaScript вам нужно проверять, что DOM полностью загружен. Это делается для того, чтобы быть уверенным, что все элементы DOM доступны, и вы можете получить доступ к этим элементам и уже можете ими манипулировать. Всякий раз, когда вы используете JavaScript для манипулирования вашей страницей, вам нужно дождаться события готовности документа. Событие готовности документа сигнализирует о загрузке DOM страницы, после которого вы уже можете манипулировать им. Обратите внимание, что событие готовности документа...

Уроки JavaScript – Диалоговые окна alert, confirm и prompt

Диалоговые окна позволяют взаимодействовать с пользователем и работать с данными, которые получены от этого пользователя. Вы, несомненно, видели их, использовали их и они вас всегда раздражали, когда они появлялись на каком-то сайте. Теперь пришло время научиться самому их создавать. С помощью диалоговых окон JavaScript вы можете взаимодействовать с посетителем вашего сайта довольно простым и тривиальным способом. Например, вы можете запрашивать имя посетителя, а затем как-то его отображать на сайте. Или вы можете сделать диалоговое окно...

Уроки JavaScript – Объект события (Event Object)

В предыдущей статье мы рассмотрели основные события в браузере. Сегодня мы расширим эту тему, и кратко рассмотрим Объект события (Event Object), который является одним из важных аспектов обработки событий. Всякий раз, когда вы привязываете функцию к событию, то есть когда вы создаете обработчик событий, функция будет передана объекту. Это случается в самом начале, поэтому нам не нужно делать для этого дополнительных шагов. Этот объект события содержит разнообразную информацию о событии, которое только что произошло; он...

Уроки JavaScript – Краткий обзор событий в браузере

Прежде, чем мы перейдем к рассмотрению данной темы, важно сделать акцент на одной вещи: дерево DOM и язык JavaScript – это две разные сущности. События браузера являются частью API DOM, но они не являются частью JavaScript. События браузера являются основой любого веб-приложения и они очень часто используются в JavaScript. Именно через эти события мы определяем то, что должно произойти. Если в вашем документе есть кнопка, и вам требуется проверка формы при ее нажатии, вы должны...

Уроки JavaScript – Основы манипулирования элементами в DOM

В прошлый раз мы рассмотрели некоторые основы JavaScript и затронули различные аспекты объектной модели документа, в том числе способы доступа к узлам и перемещения по DOM. Сегодня мы поговорим о том, как манипулировать элементами в DOM.     Элементы для манипулирования В последнем уроке мы рассмотрели шаги, связанные с доступом к коллекции узлов DOM или отдельного узла DOM. Настоящая магия возникает, когда мы затем манипулируем определенными свойствами, что приводит к так называемому «поведению». Каждый отдельный...

Уроки JavaScript – Доступ к узлам и атрибутам в DOM

В этой статье мы продолжим говорить об объектной модели документов (DOM) и рассмотрим основные способы доступа к ней с помощью JavaScript.     Давайте для примера возьмем небольшой HTML документ, в котором есть абзац и неупорядоченный список: <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="UTF-8"> <title>JavaScript – доступ к узлам DOM</title> </head> <body> <p id="paragraph">Первый тестовый параграф</p> <ul> <li>Пункт 1 неупорядоченного списка</li> <li>Пункт 2 неупорядоченного списка</li> <li>Пункт 3 неупорядоченного списка</li> <li>Пункт 4 неупорядоченного списка</li> <li>Пункт 5...

Основы JavaScript

В этом уроке мы рассмотрим базовые понятия о некоторых основах JavaScript. Сегодня мы уделим внимание разным типам данных JavaScript, определению функций, увидим, что такое массивы и объекты, познакомимся с операторами в JavaScript, условием if/else, а также с циклами for и while.     В JavaScript вы можете иметь разные типы значений. Существуют такие типы данных: числа, строки, логические значения (boolean), объекты, неопределенные и нулевые (NULL): Однострочные комментарии пишутся с использованием двух косых черт (//), весь...

JavaScript и DOM

В этой статье мы поговорим об основных аспектах языка программирования JavaScript и DOM (объектная модель документов). Использование фреймворков, таких как jQuery или Prototype – это отличный способ быстрой разработки приложений на JavaScript, но также важно знать и понимать базовые аспекты этого языка. Даже если вы используете только какую-то конкретную библиотеку, сегодняшняя информация все равно принесет вам пользу – понимание того, как что-то работает под «капотом», — это очень важно.     JavaScript – введение JavaScript...

Шпаргалка по jQuery для начинающих

Мы решили собрать всю основную информацию по jQuery (такую как работа с ядром, атрибутами, селекторами; манипуляция с DOM, события, эффекты, AJAX и др.) для начинающих в одном месте. Надеемся, что данная шпаргалка будет полезна всем программистам, вне зависимости от их уровня и опыта.   Ядро: Функции jQuery, Данные объекта, Данные, Взаимодействие Атрибуты: Attr, Значение, Класс, HTML, Текст   Селекторы: Основные, Иерархия, Основной фильтр, Форма, Атрибуты, Фильтр контента, Фильтр дочерних элементов, Фильтр видимости   Перемещение по...