Объекты history и navigator. Свойства и методы.
Объект history содержит информацию об адресах, которые браузер посетил во время текущего сеанса. Мы можем передвигаться по этому списку с помощью сценария, загружая страницы, ссылки на которые он содержит. Объект history имеет только одно свойство и три метода.
Объект navigator содержит информацию о производителе браузера, его версии и возможностях.
http://it.kgsu.ru/JS/js0039.html
http://it.kgsu.ru/JS/js0038.html
Система событий языка JavaScript. Типы событий. Сценарии обработки. Объект EVENT. Совместное использование HTML, CSS и JavaScript. Динамический HTML. Доступ и динамическое изменение элементов, атрибутов элементов и значений свойств CSS.
Использование языка JavaScript при обработке событий значительно расширило возможности языка HTML. Чаще всего программы создаются для обработки информации, вводимой пользователем в поля форм. Возможности управления элементами форм обеспечиваются главным образом за счет функций обработки событий, которые могут быть заданы для всех элементов формы. События делятся на несколько категорий:
1) события, связанные с документами (события документа):
- загрузка и выгрузка документов;
2) события, связанные с гиперсвязью (события гиперсвязи):
- активизация гиперсвязи;
3) события, связанные с формой (события формы):
- щелчки мыши на кнопках
- получение и потеря фокуса ввода и изменение содержимого полей ввода, областей текста и списков;
- выделение текста в полях ввода и областях текста;
4) события, связанные с мышью:
- помещение указателя мыши на гиперсвязь и активизация гиперсвязи.
Одним из главных, но далеко не единственным, назначений сценариев в HTML-документе является обработка событий. Большинство тегов HTML имеют специальные атрибуты, определяющие события, на которые могут отреагировать соответствующие элементы.
Обычно обработчики событий оформляются в виде функций, определения которых помещают в контейнерный тег <script>.
* обработчик событий onClick: <h2 onclick = "myfuns()">Щелкни здесь</h2>;
* атрибут — ID (идентификатор):
<h2 id="mystrim">Моя веб-страница</h2> <script language="JavaScript"> function mystrim.onclick(){ alert("Привет!") } </script>
* если требуется, чтобы сценарий обработал событие независимо от того, с каким элементом оно связано, то можно воспользоваться таким составным именем функции-обработчика:
function document. cобытие()
{
. . .
}
Приведенных выше способов обработки событий (привязки обработчиков к элементам) вполне достаточно для практических нужд разработки веб-сайтов и других приложений. Однако следует упомянуть еще об одном способе, который применим для IE версии 4.0 и старше. Он основан на использовании атрибутов FOR и EVENT в теге <SCRIPT>.
Атрибуту FOR присваивается ссылка на объект, который должен реагировать на событие, а атрибуту EVENT присваивается название события. В качестве ссылки на объект обычно используется значение идентификатора объекта, то есть значение атрибута ID.
В рассмотренных способах обработчики событий привязывались к специальным атрибутам тегов HTML – ID, атрибутам-событиям, FOR и EVENT. Сценарий-обработчик выполняется, если возникло событие, связанное с элементом, для которого был указан этот обработчик.
Динамический HTML (DHTML) - это не какой-то особый язык разметки гипертекста, а только термин, применяемый для обозначения HTML-страниц с динамически изменяемым содержимым. DHTML состоит из трех частей: собственно HTML, каскадных таблиц стилей (Cascade Style Sheets - CSS) и языка сценариев (JavaScript или VBScript). Объектная модель документа (Dokument Object Model - DOM) связывает эти три компонента, придавая документу новое качество: возможность динамического изменения страницы без перезагрузки документа.
* HTML - это основная часть DOM. HTML определяет: каким будет наш "дом", сколько в нем будет "этажей" и сколько "комнат", чем они будут заполнены и как будет расставлена "мебель".
* CSS - каскадные таблицы стилей - определяют оформление сайта. С помощью CSS можно определить внешний вид для каждого элемента, задаваемого определенным тегом HTML: фон документа, шрифт, которым будет выводиться текст, его цвет и размер, внешний вид таблиц и стиль оформления изображений на странице.
* Языки сценариев отвечают за "автоматику" в нашем "доме". С их помощью можно сделать страницы "живыми", способными "общаться" с посетителем: отвечать на щелчок кнопкой мыши или просто на перемещение указателя в окне браузера, реагировать на нажатие клавиши на клавиатуре. Это они делают страницы сайта действительно динамическими!
(ниже из ЭУМК)
Вы можете динамически изменять имя подключаемого файла со стилевой таблицей, соответственно изменяя сам стиль. Вот функция, на языке JScript, которая при ее вызове, если уже применен какой-либо стиль, убирает его и подключает новый:
function change_style()
{ if (document.styleSheets[0].href != null)
document.styleSheets[0].href = "newStyle.css";
// alert(document.styleSheets[0].href);
}
Можно также динамически изменить стилевые характеристики какого-либо фрагмента страницы. Для этого достаточно изменить имя класса при наступлении какого-либо события (например, при нажатии на кнопку):
<div ID='slovo' style ="width:300; height:50;" class='prostoj'>
Совсем простой текст
</div>
<input type='button' value='Изменим стиль' onclick="slovo.className='krasivij'">