- •Лекции по JavaScript Что такое javascript?
- •Среда разработки программ JavaScript
- •Что умеет javascript?
- •Переменные
- •Типы переменных
- •Массивы Создание
- •Аргументы
- •Описание, примеры
- •Методы объекта Array
- •Многомерные массивы
- •Объект Boolean
- •Объект Number
- •Объект Math
- •Объект String
- •Основы работы со строками
- •Использование кавычек
- •Встроенные функции
- •Строки и числа
- •Преобразование «Число → строка»
- •Преобразование «Строка → число»
- •Объект Date
- •Объект Global
- •Операторы и операции Операторы Javascript
- •Оператор break
- •Оператор comment
- •Оператор continue
- •Перебор свойств, кроме унаследованных
- •Оператор function
- •Оператор if...Else
- •Оператор return
- •Оператор var
- •Оператор while
- •Оператор with
- •Логические операторы
- •Операции сравнения
- •Арифметические операции
- •Битовые операции
- •Логические операции
- •Строковые операции
- •Операции присваивания
- •Прочие операции Условная операция
- •Операция запятая
- •Операция delete
- •Операция in
- •0 In langs // возвращает true
- •4 In langs // возвращает false Операция instanceof
- •Операция new
- •Операция this
- •Операция typeof
- •Операция void
- •Порядок выполнения операций
- •Функции
- •Функции - объекты
- •Области видимости
- •Параметры функции
- •Работа с неопределенным числом параметров
- •Пример передачи функции по ссылке
- •Пример использования:
- •Сворачивание параметров в объект
- •Объекты, свойства и методы Основные понятия
- •Объект JavaScript
- •Создание объектов с помощью инициализатора
- •Создание объектов с помощью конструктора
- •Создание методов
- •Изменение прототипа объекта
- •Удаление объектов
- •Вывод информации в строку состояния
- •Объект location
- •Проигрывание wav-файлов
- •Плавное изменение цвета фона документа html
- •Объект window.
- •Динамическое изменение страницы
- •Прокручивание документа
- •Параметры
- •Закрывающий тег
- •Аргументы
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •События
- •Когда использовать
- •Через свойство объекта
- •Основные события javascript
- •If (условие)
- •Способы открытия нового окна с помощью js
- •Модальное окно
- •X: 1, // добавляем свойство
- •Установка веб-сервера Apache и средств программирования под Windows
- •Что такое хостинг и где взять место под страницу.
- •Объектная Модель. Детали.
- •Языки на базе классов и языки на базе прототипов
- •Определение класса
- •Подклассы и наследование
- •Добавление и удаление свойств
- •Отличия. Резюме.
- •Пример Employee
- •Создание иерархии
- •Свойства объекта
- •Наследование свойств
- •Добавление свойств
- •Более гибкие конструкторы
- •И снова о наследовании свойств
- •Локальные и наследуемые значения
- •Определение взаимоотношений экземпляров
- •Глобальная информация в конструкторах
- •Нет множественного наследования
Вывод информации в строку состояния
Объект window имеет два свойства, устанавливающие текст, отображаемый строке состояния. А именно:
defauitstatus — сообщение, отображаемое по умолчанию в строке состояния окна браузера;
status — сообщение, отображаемое в строке состояния окна браузера.
Например, в следующем коде при перемещении указателя мыши над заголовком в строке состояния отображается сообщение "Вы над заголовком",
При щелчке на нем — "Вы щелкнули на заголовке", а при уходе с него указателя мыши — "Вы покинули заголовок".
<HTML>
<SCRIPT language=javascript for="header"
event="ondick()">
<!--
window.status = "Вы щелкнули на заголовке";
//-->
</SCRIPT>
<SCRIPT language=javascript fоr="header"
event="onmouseover()">
<!--
window.status = "Вы над заголовком";
//-->
</SCRIPT>
<SCRIPT language=javascript for="header"
event="onmouseout()">
<! --
window.status ="Вы покинули заголовок";
//-->
</SCRIPT>
</HEAD>
<BODY>
<H1 id="header">Стандартный заголовок </Н1>
</BODY>
</HTML>
Объект location
Объект location содержит информацию о текущем URL. У этого объекта имеются восемь свойств и три метода, перечисленные в табл.
Свойства объекта location
Свойство |
Описание |
hash |
Подстрока, возвращаемая свойством рука, которая следует за знаком # |
host |
Имя хоста, объединенное с портом |
hostname |
Имя хоста |
href |
Адрес URL |
pathname |
Относительный путь к Web-странице |
port |
Номер порта |
protocol |
Тип протокола, используемый для доступа к странице |
search |
Подстрока, возвращаемая свойством href, которая следует за знаком ? Это строка запроса |
Методы объекта location
Метод |
Описание |
assign() |
Устанавливает текущее расположение в URL. Метод загружает в браузер документ с указанным URL в качестве значения параметра метода, если данный документ существует |
reload()
|
Обновляет документ. Если в качестве значения параметра метода' используется true, то документ перезагружается с сервера, если i false, то из кэша |
replace() |
Замещает документ на тот, чей адрес URL указан в качестве j значения параметра метода. При этом информация о замещенном j документе удаляется из объекта history |
Проигрывание wav-файлов
Объект window имеет свойства document, location, event, navigator, screen, которые возвращают одноименные объекты. В качестве примера; использования свойства location создадим Web-страницу, которая при её загрузке и выгрузке проигрывает звуковой файл. Другой файл она проигрывает при щелчке по гиперссылке. Полный URL проигрываемого файла установим при помощи свойства href объекта location
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
<!--
function playSound(file)
{
window.location.href=file;
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="playSound('D:\\Films\\The Beatls - GET BACK.mp3')"
onunload="playSound('D:\\Films\\The Beatls - GET BACK.mp3')">
<A href="javascript:void(0);playSound('C:\\WINDOWS\\Media\\Windows XP - входящий звонок.wav');">
Лучший хит!
</A></'BODY>
</HTML>
Примечание
В обычном случае атрибут href тега <А> должен иметь какое-нибудь значение Если, например, по событию onclick необходимо открыть новое окно и в старом сохранить отображенный документ, то его URL следует указывать в качестве значения атрибута href. Если же href="", то в старое окно будет загружена пустая страница. В JavaScript имеется функция void, которая указывает на отсутствие какого-либо значения. Если нам необходимо выполнить некоторые действия при выборе гипертекстовой ссылки, но при этом не перегружать текущую страницу, то в качестве значения атрибута href можно указать конструкцию "javascript:void(0)". Таким приемом часто пользуются при программировании событий, связанных с проходом манипулятора мыши через поле гипертекстовой ссылки.
Приведенный выше пример имеет недостаток, который очевиден при его проигрывании, а именно, на экране отображается окно приложения, проигрывающего wav-файл. Как от него избавиться? Да очень просто. В HTML имеется специальный тег, а именно <bgsound>, который реализует проигрывание wav-файла в фоновом режиме. Надо лишь помнить, что тег должен что тег должен быть расположен в HEAD-блоке. Следующий код демонстрирует технику использования этого тега. При перемещении мыши над последним словом отображаемой фразы проигрывается один wav-файл, а при щелчке на нем - другой
Цвет
В HTML принята RGB цветовая модель.
Цвет может быть задан одним их пяти способов:
Именем Цвета (blue, white или bisque);
Значением вида #{r}{g}{b}, где r— красная составляющая, G — зеленая, а B — синяя, причем все составляющие должны быть одноразрядными шестнадцатеричными числами. Пример: #f00 — это красный цвет;
Значением, аналогичным предыдущему, но уже вида #{rr}{gg}{вв}, т.е. каждая составляющая имеет уже по два разряда. Пример: #00ff00 — зеленый цвет;
Значением rgb({R}, {g}, {в}), где каждая составляющая задается десятичным числом. Пример: rgb(255,0,0) — красный;
Аналогично предыдущему, но каждое отдельное значение выражает долю в общем цвете. Пример: rgb(100%,0%,0%) — опять же красный.
И еще. В отличие от тегов HTML, в атрибутах стилей, требующих интернет-адреса, его следует вводить в формате url({собственно адрес}). Например, url (/folder1/folder2/fiie.gif). Запомните — это очень важно!
В HTML цвет шрифта устанвыливается с помощью тегов <FONT>
Пример
<FONT color=red> Это текст расного цвета </FONT>
Цвет фона устанавливается в тэге <BODY>:
<body bgcolor="#000000">
<html>
<head>
<title> Первые шаги </title>
</head>
<body text="#336699" bgcolor="#000000"> //цвет текста и цвет фона
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :)
</body>
</html>
Обратите внимание: мы одновременно можем прописать в теге <body> и цвет текста в документе, и цвет фона (если вы еще не поняли – один тег может иметь несколько атрибутов ).
Это были теги HTML.
В JavaScript можно изменять цвет шрифта и цвет фона.
Цвет шрифта изменяется методом fontcolor() объекта String.
Например
<html>
<head> </head>
<BODY>
<SCRIPT>
str="NATURE";
document.writeln(str.fontcolor("green"));
</SCRIPT>
</BODY>
</html>
Обычно цвет фона задается значением свойства bgColor объекта document, а цвет текста - значением свойства color объета style , который иерархически вскладывается сначала в оъект body, а затем в document. Например,
document.bgColor=”blue”;
document.body.style.color=”yello”;