КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Листинг 2.7. Файл chapter2/JumpTo/JumpTo. html
|
|
|
|
<HTML>
<HEAD>
<TITLE>Jump to other Web page</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function urlJump()
{
var szNew'JRL="";
szNewURL=prompt("Enter new URL address:", "http://");
window. location. href=szNewURL;
}
< //-->
</SCRIPT>
</HEAD>
< BODY BGCOLOR=white>
<Hl>Jump to other Web page</Hl>
<FORM NAME="selectForm">
<P><INPUT TYPE="button" VALUE="Jump"
onClick="urlJump();">
</FORM>
</BODY>
</HTML>
Коли користувач натискає кнопку Jump у формі selectForm, запускается функція urIJump.
Ця функція викликає метод prompt, визначений у класі window:
var szNewURL="";
szNewURL=prompt("Enter new URL address:", "http://");
Метод prompt відображає на вікні монітора діалогову панель, призначену для запровадження текстового рядка. У нашому випадку це повиннао бути рядок адреси URL документа HTML, що буде завантажений у вікно браузера.
Введена адреса записується в перемінну szNewURL. Тепер можна переходити до завантаження нового документа у вікно браузера.
Коли рассказывалось про об'єкти класу window, те говорилося, що такі об'єкти містять у собі інші об'єкти. Зокрема, об'єкт window містить у собі об'єкт location, що описує розташування документа HTML, завантаженого у вікно браузера.
Для того щоб завантажити у вікно новий документ, достатньо змінити уміст властивості об'єкта location з ім'ям href:
window. location. href=szNewURL;
Ця властивість береже адреса URL документа. Зміна умісту властивості href об'єкта location головного вікна браузера призводить до завантаження в це вікно нового документа.
2.5. Об'єкт document
Lля роботи з документами HTML у мові JavaScript є окремий об'єкт із назвою document. Користуючи його властивостями і методами, сценарій JavaScript може одержати інформацію про поточний документ, завантаженому у вікно браузера, а також управляти відображенням умісту цього документа.
Перед тим, як перейти до опису властивостей і методів об'єкта document, варто роздивитися призначення окремих параметрів оператора <BODY>.
У загальному виді цей оператор виглядає в такий спосіб:
<BODY
BACKGROUND="Фонове_зображення"
BGCOLOR="Цвіт_фона"
TEXT="Цвіт_тексту"
LINK="Цвіт_непосещенных_посилань"
ALINK="Цвіт_активізованих_посилань"
VLINK=" Цвіт_посещенных_посилань "
onLoad="Оброблювач_події_при_завантаженню_документа"
onUnload="0бработчик_події_при_розаантаженню_документа"
</BODY>
Опис параметрів оператора приведено нижче:
Параметр Опис
BACKGROUND С поміччю цього параметра можна зазначити адресу URL зображення, що заповнює фон тіла документа
BGCOLOR Параметр BGCOLOR застосовується в тих випадках, коли фон документа необхідно розфарбувати в якийсь цвіт. Цвіт задається у виді "#rrggbb", де константи rr, gg і bb - відповідно червона, зелена і блакитна компоненти цвіту. Значення констант може знаходитися в діапазоні від 0 до FF (у шестнадцатеричном виді). Цвіт може також задаватися символічними константами, такими, як red або white
TEXT Цвіт тексту. Задається так само, як і цвіт фона BGCOLOR LINK Параметр LINK визначає цвіт посилань, розміщених у документі HTML і ще не посещенных користувачем
ALINK Цей параметр визначає цвіт посилань, обраних користувачем
VLINK Параметр VLINK визначає цвіт посилань, розміщених у документі HTML, що уже посещались користувачем раніше
OnLoad С поміччю параметра onLoad можна визначити оброблювач події, що одержить керування при завантаженні документа у вікно браузера
OnUnload Аналогічно попередньому, проте оброблювач події одержить керування при видаленні документа з вікна браузера
Аналізуючи властивості об'єкта document, сценарій JavaScript може визначити значення перерахованих вище параметрів. Крім того, сценарію доступні локальні мітки, форми і зв'язку документа як елементи відповідних масивів, а також інформація з заголовка документа.
2.5.1. Властивості об'єкта document
Перерахуємо властивості об'єкта document, доступні сценарію JavaScript:
Властивість Опис
alinkColor Вміст параметра ALINK
anchors Масив локальних міток, розміщених у документі. Ці мітки застосовуються для організації посилань усередині документа
applets Масив об'єктів, що відповідають апплетам Java, розташованим у документі HTML
bgColor Вміст параметра BGCOLOR
cookie Значення cookie для поточного документа. Про те, що це таке, буде розказано в останній главі
embeds Масив об'єктів plug-in, що утримуються в документі HTML
fgColor Вміст параметра TEXT
forms Масив, що містить у виді об'єктів усі форми, розташовані в документі HTML
images Масив растровых зображень, включених у документ
lastModified Дата останньої зміни документа HTML
linkColor Вміст параметра LINK
links Масив, що містить усі посилання в документі HTML
location Повна адреса URL документа HTML
referrer Адреса URL документа, що викликає, HTML
title Заголовок документа, заданий за допомогою оператора <TITLE>
URL Повна адреса URL документа HTML
vlinkColor Вміст параметра VLINK
Об'єкт document може містити в собі інші об'єкти, доступні як властивості:
Властивість Опис
Anchог Локальна мітка, визначена в документі HTML за допомогою оператора <А>
Form Форма, обумовлена в документі HTML за допомогою оператора <FORM>
history Список адрес URL, посещенных користувачем
link текст або зображення, що грають роль гипертекстовой посилання. Створюється за допомогою оператора мови HTML <A> у котрому додатково задаються оброблювачі событий' onClick і onMouseOver
2.5.2. Методи об'єкта document
Сценарії JavaScript можуть викликати такі п'ять методів визначених в об'єкті document:
Метод Опис
сlеаг Видалення вмісту документа з вікна перегляду
close Закриття потоку даних, відкритого для документа методом open. У вікні будуть відображені всі зміни вмісту документа, зроблені сценарієм після відкриття потоку
open Відкриття вихідного потоку для запису в документ НТМL даних типу MIME за допомогою методів write і writein
write Запис у документ довільної конструкції мови HTML
wnteln Аналогічно попередньому, але наприкінці рядки добавляється символ нового рядка
2.5.3. Колірне оформлення документа
Більшість властивостей об'єкта objects доступно сценарію JavaScript як для читання, так і для запису. Спочатку спробуємо динамічно змінити колірне оформлення документа HTML
Сценарій змінив п'ять властивостей документа HTML - цвіт фона і тексту, а також цвіти посещенных, не посещенных і обраних користувачем посилань (листинг 2.8).
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 325; Нарушение авторских прав?; Мы поможем в написании вашей работы!