КАТЕГОРИИ:
Архитектура-(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)
Листинг 1.7. Файл chapterl/HelloOnSelect/HelloOnSelect. html
|
|
|
|
Листинг 1.6. Файл chapterl/HelIoBox/HelIoBox. html
Листинг 1.5. Файл chapterl/HelloGen/HelloGen. htm
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<TITLE>Hello, world!</TITLE>");
document.write("<BODY BGCOLOR=white>");
document.write("<Hl>JavaScript Test</Hl>");
document.write("Hello, world!");
document.write("</BODY>");
//-->
</SCRIPT>
</HEAD>
</HTML>
Документ HTML не містить нічого, крім сценарію JavaScript.
Коли такий документ завантажується у вікно браузера, програма JavaScript формує відсутню частину заголовка (за допомогою операторів <TITLE> і <TITLE>), а також тіло документа.
Таким чином, сценарії JavaScript дозволяють формувати весь уміст сторінки динамічно. Тому що в мові JavaScript є умовні оператори, можна створювати різні сторінки в залежності від тих або інших обставин.
1.1.5. Варіація п'ята: із діалоговою панеллю
Мова JavaScript має умонтовані засоби для відображення найпростіших діалогових панелей, таких, як панель повідомлень.
У листинге 1.6 приведений вихідний текст сценарію JavaScript, у якому визивається функція alert, призначена для відображення діалогових панелей із повідомленнями.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<TITLE>Hello, world!</TITLE>");
document.write("<BODY BGCOLOR=white>");
document.write("<Hl>JavaScript Test</Hl>");
alert("Hello, world!");
document.write("</BODY>");
//-->
</SCRIPT>
</HEAD>
</HTML>
Для продовження завантаження сторінки необхідно натиснути кнопку ОК. Тільки після цього вміст сторінки (состоящее в даному випадку з одного рядка заголовка) з'явиться на екрані.
1.1.6. Варіація шоста: опрацювання події
У мові JavaScript є засоби опрацювання подій. У такому прикладі, коли користувач намагається вибрати посилання Select me!, розмістивши над ній курсор миші, на екрані з'являється діалогова панель Microsoft Internet Explorer із повідомленням Hello, world!.
|
|
|
Вихідний текст відповідного документа HTML з умонтованим у нього сценарієм поданий у листинге 1.7.
<HTML>
<HEAD>
<TITLE>Hello from JavaScript!</TITLE>
</HEAD>
<BODY BGCOLOR=white>
<Hl>JavaScript Test</Hl>
<HR>
<A HREF="" onMouseover="alert('Hello, world!'); ">Select mе!</А>
</BODY>
</HTML>
Цікавий рядок оператора <А> - цей оператор звичайно застосовується для організації посилань на інші документи HTML або файли різноманітних об'єктів. У даному випадку поле посилання параметра HREF порожнє, проте додатково в оператор <А> включений така конструкція:
onMouseover="alert('Hello, world! ');"
Вона вказує, що при виникненні події onMouseover повинна виконуватися такий рядок програми JavaScript:
alert('Hello, world! ');
Рядок заданий не в подвійних лапках, а в одинарних. У сценаріях JavaScript припустимо використовувати і ті й інші лапки, проте лапка, що закриває, повинна бути такий же, як і що відчиняє. Внутрішня пара лапок повинна відрізнятися від зовнішньої.
1.1.7. Варіація сьома: із визначенням типу браузера
Останній приклад сценарію показує, як програма JavaScript може легко визначити тип і версію браузера.
Текст сценарію, що дозволяє витягати подібну інформацію, поданий у листинге 1.8.
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 383; Нарушение авторских прав?; Мы поможем в написании вашей работы!