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++
Некоторые ссылки в меню примеров задействованы и ведут на другие ресурсы этого сайта.
- Выезжающее слева фото
- Окно со сменой фото
- Летающее фото
- Обрамление фото
- Двигающееся вверх фото
- Просмотр фото в виде книги
- Обрамление фото бордюром
- Проявление затененного фото
- Фото увеличивается с текстом.
- Фото меняется с отдалением
- Фото меняется слева направо
- Фото меняется справа и слева
- Приближениеи и отдаление фото
- Фото меняется частицами
- Фото меняется снизу вверх
- Фото меняется кругом
- Фото меняется сверху вниз
- Фото меняется сверху вниз-вариант
- Фото меняется сверху и снизу
- Фото меняется справа налево
- Фото меняется перекладыванием
- Замена фото с помощью курсора
- Постепенно увеличивающееся фото
- Фото от клика увеличивается.
- Фото перетаскивается мышкой.
- Замена фото на текст
- Движение фото влево или вправо
- Увеличение фото мышкой
- Автозамена фото с зффектами
- Увеличение при клике на фото
- Фото меняется кнопками
- Фотогалерея,замена фото на текст
- Фотогалерея с увеличением фото
- Фотогалерея с показом фото
- Замена фото шторками
- Автоматическая замена фото
- Галерея фото
- Фото, которое само закрывается
- Фоторамка
- При наведении покажется фото
- Открытие фото по размеру браузера
- Замена фото мышкой
- Дрожащий рисунок
- Автозамена фото слева и справа
- Анимация фото с заменой
- Замена клавиатурой ЛЕВО ПРАВО
- Непрерывная смена при наведении
- Фото непрерывно появляется и исчезает