JavaScript - это язык программирования, используемый в составе страниц HTML для расширения возможностей взаимодействия с пользователями. JavaScript и Java- это два разных языка программирования. Java- это объектно-ориентированный язык программирования и может работать как законченное приложения или как встроенные в html страницу апплеты. JavaScript, размещаются внутри HTML страницы и функционируют, будучи запущенными в браузерах.Как отдельная программа JavaScript не может существовать.
Предопределенные функции языка JavaScript
| eval | Обрабатывает строку как код JavaScript |
| isFinite | Проверяет, что значение является конечным числом |
| isNaN | Проверяет, что значение не является числом |
| parseInt | Преобразует строку в целое |
| parseFloat | Преобразует строку в вещественное число |
| Number | Преобразует объект в число |
| String | Преобразует объект в строку |
| escape | Преобразует строку в последовательность символов |
| unescape | Преобразует последовательность escape-символов в строку |
| encodeURI | Кодирует URI полностью путем замены символов на их коды UTF-8 |
| encodeURIComponent | Кодирует URI по частям заменой символов на их коды UTF-8 |
| decodeURI | Раскодирует значение, созданное при помощи encodeURI |
| decodeURIComponent | Раскодирует значение, созданное при помощи encodeURIComponent |
Объект window является корневым в иерархии внешних объектов. Назначение window - создание и управление окном браузера.
Объект window
| Свойства | |
| parent | Ссылка на родительское окно |
| self | Ссылка на себя |
| top | Ссылка на главное окно |
| name | Название окна |
| closed | Признак того, что окно уже было закрыто |
| status | Текст, который отображается в статусной строке. |
| returnValue | Значение,возвращаемое родительскому окну при закрытии текущего |
| document | Ссылка на объект document |
| event | Ссылка на объект event |
| history | Ссылка на объект history |
| location | Ссылка на объект location |
| navigator | Ссылка на объект navigator |
| screen | Ссылка на глобальный объект screen |
| Методы | |
| open() | Открывает новое окно браузера |
| close() | Закрывает текущее окно |
| showModalDialog() | Показывает создаваемое окно |
| alert() | Выводит диалог предупреждения. |
| prompt() | Выводит диалог с просьбой ввести какое-либо значение |
| confirm() | Выводит диалог подтверждения, в котором есть выбор из двух действий |
| navigate() | Перенаправляет окно браузера на другую страницу |
| Функции таймера | |
| setInterval() | setInterval выполняет код многократно, через равные промежутки времени. |
| setTimeout() | setTimeout выполняет выражение однократно после установленного времени. |
| clearInterval() | Отменяет интервал, созданный setInterval() |
| clearTimeout() | Отменяет выполнение кода |
| События | |
| onblur() | Окно потеряло фокус ввода. |
| onfocus() | Окно получило фокус ввода (стало активным). |
| onhelp() | Пользователь нажал кнопку F1 |
| onresize() | Изменился размер окна |
| onscroll() | Пользователь прокрутил окно |
| onerror() | Возникла ошибка при передаче |
| onbeforeunload() | Окно будет выгружено (закрыто) |
| onunload() | Окно закрывается |
| onload() | Окно полностью загружено |
Объект Date
| getFullYear | Возвращает год. |
| getMonth | Возвращает месяц. |
| getDate | Возвращает день месяца. |
| getHours | Возвращает час. |
| getMinutes | Возвращает минуту. |
| getSeconds | Возвращает секунду. |
| getMilliseconds | Возвращает миллисекунду. |
| getDay | Возвращает номер дня недели. |
| getTime | Возвращает миллисекундное смещение, хранимое объектом. |
| Методы изменения | |
| setFullYear | Устанавливает год. |
| setMonth | Устанавливает месяц. |
| setDate | Устанавливает дату |
| setHours | Устанавливает час. |
| setMinutes | Устанавливает минуту. |
| setSeconds | Устанавливает секунду. |
| setMilliseconds | Устанавливает миллисекунду. |
| setTime | Устанавливает миллисекундное смещение относительно 00:00:00 01.01.1970 |
| Форматирование | |
| toString | Возвращает строковое представление даты и времени. |
| toUTCString | То же но с пересчётом на время UTC. |
| toGMTString | То же но с пересчётом на время GMT (время по Гринвичу). |
| toLocaleString | Аналог toString, но возвращает в соответствии с настройками пользователя. |
| toTimeString | Возвращает строковое представление времени(строка содержит только время). |
| toDateString | Возвращает строковое представление даты (строка содержит только дату) |
| toLocaleTimeString | Аналог toTimeString, но возвращает в соответствии с настройками пользователя. |
| toLocaleDateString | Аналог toDateString, но возвращает в соответствии с настройками пользователя. |
| getTimezoneOffset | Возвращает смещение локального времени относительно времени UTC в минутах. |
| parse | Функция позволяет проверить корректность даты-времени. |
События форм
| onchange() | Элемент теряет форкус ввода, а содержимое в это время изменилось. |
| onselect() | Какая-то часть текста внутри элемента становится выделеной. |
| ousubmit() | В форме нажата кнопка "Отправить", но отправка ещё не производилась. |
| События мыши | |
| onclick() | Произведён клик кнопкой мыши на элементе управления. |
| onmousedown() | Нажата кнопка мыши. |
| onmousemove() | Указатель мыши движется внутри области отображения элемента. |
| onmouseout() | Указатель мыши вышел из области отображения элемента. |
| oumouseover() | Указатель мыши находится внутри области отображения элемента. |
| onmouseup() | Отжата кнопка мыши. |
| События окна | |
| onblur() | Элемент управления теряет фокус ввода, т.е. курсор переходит к другому элементу. |
| onfocus() | Отображаемый элемент получил фокуса ввода. |
| onload() | Завершена загрузка страницы. |
| onunload() | Производится выход из документа. |
| События клавиатуры | |
| onkeydown() | Нажата кнопки на клавиатуре. |
| onkeypress() | Кнопка на клавиатуре нажата и не отпускается дольше, чем интервал повторения. |
| onkeyup() | Отпущена ранее нажатая кнопка. |
События клавиатуры определяются нажатием клавиш, а события мыши - нажатием клавиш мыши или перемещением курсора.
События клавиатуры и мыши
| altKey | Нажата или нет клавиша Alt |
| button | Номер нажатой кнопки мыши,нумерация зависит от браузера. |
| cancelBubble | Определяет, должно ли событие передаваться дальше по цепи обработчиков. |
| clientX, clientY | Координаты курсора относительно клиентской области браузера. |
| ctrlKey | Нажата или нет клавиша Control (Ctrl) |
| fromElement | Элемент, с которого пришел указатель.Для событий onmouseover и onmouseout. |
| keyCode | Код символа для клавиатурного события |
| offsetX, offestY | Координаты указателя мыши относительно элемента, породившего событие. |
| pageX, pageY | Координаты относительно документа. |
| returnValue | Значение, возвращаемое системе из обработчика. |
| screenX, screenY | Координаты курсора относительно экрана. |
| shiftKey | Нажата или нет клавиша Shift |
| srcElement | Элемент, породивший событие. |
| toElement | Элемент, на который переместился указатель.Для событий onmouseover и onmouseout. |
| type | Название события (без префикса "on"). |
| x, y | Координаты относительно body. Для остальных-относительно самого элемента |
Внешние объекты.
Внешние объекты не надо инициализировать или создавать их экзепляры. Набор внешних объектов и их свойства могут отличаться в разных браузерах.
Встроенные объекты языка доступны в любом месте скрипта,их так же называют классами. В таблице приведены все основные объекты и их краткое описание.
Встроенные объекты
| Array | Объект предназначен для хранения и управления формализованных данных. |
| Math | Объект содержит все основные математические константы. |
| Date | Свойства и методы для получения и манипулирования датами и временем. |
| Number | Содержит базовые константы и методы работы с числовыми данными. |
| Boolean | Объект-оболочка для простых логических типов данных и операций над ними. |
| Function | Объект представляет строку, при выполнении компилируется в функцию. |
| Object | Объект-родитель всех объектов JavaScript. |
| Класс Array | |
| Array.join() | Получение списка элементов массива в виде одной строки без разделителей. |
| Array.join | То же,но элементы массива разделены строкой "разделитель" |
| Array.reverse() | Изменение порядка сортировки массива. Этот метод "переворачивает" массив |
| Array.sort() | Сортировка массива по алфавиту. |
| Array.sort | Сортировка массива по пользовательскому критерию, который задаётся с помощью собственной функции сортировки |
Спецсимволы определяют порядок поиска и указывают интерпретатору выражения на дополнительные условия и ограничения.
Спецсимвол
| \ | Для символов которые означают,что следующий символ является специальным. |
| ^ | Для символов, которые обычно трактуются как специальные. |
| $ | Соответствует началу строки. |
| (pattern) | Соответствует концу строки. |
| (?:pattern) | Соответствует строке pattern и запоминает найденное соответствие. |
| (?=pattern) | Соответствует строке pattern, но не запоминает найденное соответствие. |
| (?!pattern) | Соответствие с "заглядыванием вперед", происходит при несоответствии строки pattern без запоминания найденного соответствия. |
| x|y | Соответствует x или y. |
| [xyz] | Соответствует любому символу из заключенных в квадратные скобки. |
| [^xyz] | Соответствует любому символу, кроме заключенных в квадратные скобки. |
| [a-z] | Соответствует любому символу в указанном диапазоне. |
| [^a-z] | Соответствует любому символу, кроме лежащих в указанном диапазоне. |
| \b | Соответствует границе слова. |
| \B | Соответствует любой позиции, кроме границе слова. |
| \сX | Соответствует символу Ctrl+X. |
| \d | Соответствует цифре. Эквивалентно [0-9]. |
| \D | Соответствует нецифровому символу. Эквивалентно [^0-9]. |
| \f | Соответствует символу перевода формата (FF). |
| \n | Соответствует символу перевода строки (LF). |
| \r | Соответствует символу возврата каретки (CR). |
| \s | Соответствует символу пробела. Эквивалентно /[ \f\n\r\t\v]/ |
| \S | Соответствует любому непробельному символу. Эквивалентно /[^ \f\n\r\t\v]/. |
| \t | Соответствует символу табуляции (HT). |
| \v | Соответствует символу вертикальной табуляции (VT). |
| \w | Соответствует латинской букве, цифре или подчеркиванию. |
| \W | Соответствует любому символу, кроме латинской буквы, цифры или подчеркивания. |
| \n | n — положительное число. Соответствует n-ной запомненной подстроке. |
| \0n | n — восьмеричное число, не большее 377. Соответствует символу с восьмеричным кодом n. Например, /\011/ эквивалентно /\t/. |
| \xn | n — шестнадцатеричное число, состоящее из двух цифр. Соответствует символу с шестнадцатеричным кодом n. Например, /\x31/ эквивалентно /1/. |
| \un | n— шестнадцатеричное число, состоящее из четырех цифр. Соответствует символу Unicode с шестнадцатеричным кодом n. Например, /\u00A9/ эквивалентно /©/. |
| . | Точка. Соответствует любому символу. |
| * | Соответствует повторению предыдущего символа нуль или более раз. |
| + | Соответствует повторению предыдущего символа один или более раз. |
| ? | Соответствует повторению предыдущего символа нуль или один раз. |
| {n} | Неотрицательное число. Соответствует ровно n вхождениям предыдущего символа. |
| {n,} | Неотрицательное число. Соответствует n или более вхождениям предыдущего символа. /x{1,}/ эквивалентно /x+/. /x{0,}/ эквивалентно /x*/. |
| {n,m} | Неотрицательное числа. Соответствует не менее чем n и не более чем m вхождениям предыдущего символа. |
Арифметические операторы и приведение типов
| + (плюс) | Сложение |
| - (минус) | Вычитание |
| * (звёздочка) | Умножение |
| / (слэш) | Обычное деление |
| % (процент) | Деление по модулю |
| ++ (два плюса) | Единичный инкремент |
| -- (два минуса) | Единичный декремент |
Объект Math
| Свойства | |
| LN10 | Значение натурального логарифма числа 10 |
| LN2 | Значение натурального логарифма числа 2 |
| PI | Значение числа Пи |
| Методы | |
| abs(число) | Возвращает абсолютное значение числа (т.е. число без учёта его знака |
| ceil(число) | Округляет число до ближайшего большего целого (округление "вверх" |
| exp(число) | Возвращает число "e" в степени "число" |
| floor(число) | Округляет число до ближайшего меньшего целого (округление "вниз") |
| max(число1, число2) | Возвращает большее из двух чисел |
| min(число1, число2) | Возвращает меньшее из двух чисел |
| pow(число1, число2) | Возвращает "число1", возведённое в степень "число2" |
| random() | Возвращает случайное число в диапазоне от 0 до 1 |
| round(число) | Округляет число в соответствии со стандартными правилами округления |
| sqrt(число) | Возвращает квадратный корень числа. |
Справка
Для сайта
- Пример создания сайта
- Теги HTML
- Таблицы HTML
- Форматирование текста
- Выравнивание данных
- Цветовая гамма сайта
- Вставка рисунка,фото
- Ссылки на другие файлы
- Бегущая строка
- Создание списков
- Создание фреймов
- Вставка видео и музыки
- Фоновая музыка
- Ключевые слова
- Специальные символы
- Запись видео с экрана
Примеры различных элементов с JavaScript,C++. для сайта.
Некоторые ссылки в меню примеров задействованы и ведут на другие ресурсы этого сайта.
Оригинальные меню
- Вертикальное меню с подменю
- Вертикальное меню
- Меню со ссылками
- Выплывающее меню
- Падающее меню
- Меню с открывающимся окном
- Блок меню снизу справа
- Стабильное боковое меню
- Падающий блок со ссылками
- Раскрывающееся меню
- Меню с аннотацией
- Горизонтальное меню вверху
- Выпадающее меню
- Опускающееся меню
- Падающий блок со ссылками
Анимированный текст
- Меняющийся текст в окне
- Вертикальное движение текста
- Выделение цветом
- Горизонтальное движение текста
- Изменение цвета текста
- Прокручивающийся текст
- Прокрутка текста при наведении
- Прокручивающийся текст
- Увеличивающийся текст
- Дрожащий текст
- Текст идущий волнами
- Прыгающий текст
- Подпрыгивающий текст
- Окно с движущимся текстом
- Окно с меняющимся текстом
- Блок с кнопками вперед,назад.
- Стабильный текст и ссылка
- Падающий текст
- Двигающийся текст снизу вверх
- Летающая ссылка
- Замена цвета текста!
- Смена текста
Календари и часы
- Всемирное время
- Часы и календарь
- Календарь цифровой
- Остаток дней до праздника
- Кнопка-часы
- Оригинальный календарь
- Календарь числовой
- Остаток дней до Нового года.
- Исчезающее окно с фотоссылками
Эффектная графика
Дополнительные окна
- Появляющееся окно при наведении
- Окно с перетаскиванием
- Дополнительное окно
- Окно с движущимся текстом
- Меню с аннотацией и ссылками
- Открытие окна с двумя фреймами
Таблицы
Калькуляторы
Операции с цветом
Кнопки
Разное
Примеры анимации фото с JavaScript,C++
Некоторые ссылки в меню примеров задействованы и ведут на другие ресурсы этого сайта.
- Выезжающее слева фото
- Окно со сменой фото
- Летающее фото
- Обрамление фото
- Двигающееся вверх фото
- Просмотр фото в виде книги
- Обрамление фото бордюром
- Проявление затененного фото
- Фото увеличивается с текстом.
- Фото меняется с отдалением
- Фото меняется слева направо
- Фото меняется справа и слева
- Приближениеи и отдаление фото
- Фото меняется частицами
- Фото меняется снизу вверх
- Фото меняется кругом
- Фото меняется сверху вниз
- Фото меняется сверху вниз-вариант
- Фото меняется сверху и снизу
- Фото меняется справа налево
- Фото меняется перекладыванием
- Замена фото с помощью курсора
- Постепенно увеличивающееся фото
- Фото от клика увеличивается.
- Фото перетаскивается мышкой.
- Замена фото на текст
- Движение фото влево или вправо
- Увеличение фото мышкой
- Автозамена фото с зффектами
- Увеличение при клике на фото
- Фото меняется кнопками
- Фотогалерея,замена фото на текст
- Фотогалерея с увеличением фото
- Фотогалерея с показом фото
- Замена фото шторками
- Автоматическая замена фото
- Галерея фото
- Фото, которое само закрывается
- Фоторамка
- При наведении покажется фото
- Открытие фото по размеру браузера
- Замена фото мышкой
- Дрожащий рисунок
- Автозамена фото слева и справа
- Анимация фото с заменой
- Замена клавиатурой ЛЕВО ПРАВО
- Непрерывная смена при наведении
- Фото непрерывно появляется и исчезает