Студопедия

КАТЕГОРИИ:


Архитектура-(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.4. Файл chapterl/HelloFn/HelloFn. html

Читайте также:
  1. Листинг 1.1. Файл chapter 1/heBo/heUo. html
  2. Листинг 1.12. Файл chapterl/Operators/break. html
  3. Листинг 1.7. Файл chapterl/HelloOnSelect/HelloOnSelect. html
  4. Листинг 1.8. Файл chapterl/HelloInfo/HelloInfo. html
  5. Листинг 1.9. Файл Conversion/Conversion. html
  6. Листинг 12.3. Копирование файлов с использованием Windows API, первая реализация
  7. Листинг 2.1. Файл chapter2/date/date. html
  8. Листинг 2.10. Файл chapter2/ChangeBkg/ChangeBkg. html
  9. Листинг 2.2. Файл chapter2/NewObject/NewObject. html
  10. Листинг 2.4. Файл chapter2/NewWnd/NewWnd. html
  11. Листинг 2.5. Файл chapter2/StatusScrol/StatusScroll. html



Листинг 1.3. Файл chapterl/SecretHello/helIo. js

Листинг 1.2. Файл chapterl/SecretHello/SecretHello. html

<HTML>

<HEAD>

<TITLE>Secret Hello</TITLE>

</HEAD>

<BODY BGCOLOR=white>

<Hl>JavaScript Test No. 2</H1>

<SCRIPT LANGUAGE="JavaScript" SRC="hello.js">

</SCRIPT>

</BODY>

</HTML>

 

Посилання оформлене з застосуванням операторів <SCRIPT> і </SCRIPT>, проте між цими операторами немає жодної строчки вихідного тексту. Цей текст перенесений у файл hello. js (листинг 1.3).

 

document.write("<HR>");

document. write("Hello from JavaScript! ");

document. write("<HR>");

 

У параметр SRC приклада задане тільки ім'я файла, тому що він знаходиться в тому ж каталозі, у якому знаходиться і файл документа , що посилається на нього , HTML, можна зазначити і повну адресу URL, наприклад:

 

<SCRIPT LANGUAGE="JavaScript"

SRC="http://www. myserver. ru/scripts/hello. js">

 

Істотно, щоб файл, у якому знаходиться вихідний текст сценарію JavaScript, мав тип js. Якщо текст сценарію розташований в окремому файлі, те його можна підключати зазначеним вище уявою в різні документи HTML.

У результаті роботи другої програми у вікні браузера Netscape Navigator з'явиться рядок Hello from JavaScript!, виділена поверх і знизу горизонтальними лініями (мал. 1.2).

У HTML версії 4.0 при використанні оператора <SCRIPT> замість параметра LANGUAGE рекомендовано вказувати стандартний параметр TYPE у такому виді:

 

<SCRIPT TYPE="text/javascript">

// рядки сценарію JavaScript

...

</SCRIPT>

 

Цей засіб працює в браузерах Microsoft Internet Explorer версії 3.02, 4.0 і Netscape Navigator версії 3.01.

Краще, щоб сервер самий визначав тип браузера користувача, підстроюючись автоматично під його можливості. Ця задача легко вирішується за допомогою сценаріїв JavaScript.

1.1.3. Варіація третя: із переменной і функціями

У сценаріях JavaScript активно застосовують функції і перемінні. Нижче приведений вихідний текст простої програми, у якій використовується одна перемінна і дві функції (листинг 1.4).

 

<HTML>

<HEAD>

<TITLE>Helio, world!</TITLE>

<SCRIPT LANGUAGE="JavaScript">

<!--

var szHelloMsg = "Hello, world!";

function printString(szString)

{

document.write(szString.bold());

}

function printHello()

{

printString(szHelloMsg);



}

//-->

</SCRIPT>

</HEAD>

<BODY BGCOLOR=white>

<Hl>JavaScript Test</Hl>

<P>Message:

<SCRIPT LANGUAGE="JavaScript">

<!--

printHello();

//-->

</SCRIPT>

</BODY>

</HTML>

 

Ця програма записує в документ повідомлення Hello, world!, виділяючи його масним шрифтом (мал. 1.3).

У області заголовка документа розташоване визначення однієї перемінної і двох функцій, оформлене з застосуванням операторів <SCRIPT> і </SCRIPT>:

 

<SCRIPT LANGUAGE="JavaScript">

<!--

var szHelloMsg = "Hello, world!";

function printString(szString)

{

document.write(szString.bold ());

}

function printHello()

{

printString(szHelloMsg);

}

// -->

</SCRIPT>

 

У тілі документа HTML є ще один поділ сценаріїв, виділений аналогічною уявою:

 

<SCRIPT LANGUAGE="JavaScript">

<!--

printHello();

//-->

</SCRIPT>

 

Перемінна з ім'ям szHelloMsg визначається за допомогою оператора var, причому їй відразу ж присвоюється початкове значення - текстовий рядок Hello, world!

Мова JavaScript не є типізованим - програміст не може зазначити явною уявою тип утворюваних їм перемінних. Цей тип визначається інтерпретатором JavaScript автоматично, коли перемінної в перший разом присвоюється яке значення. Надалі можна легко змінити тип перемінної, просто привласнивши їй значення іншого типу.

Крім перемінної szHelloMsg в області заголовка документа HTML визначені за допомогою ключового слова function дві функції з іменами printString і printHello. Перша з цих функцій виводить у документ HTML рядок, переданий їй у якості параметра, а друга виводить повідомлення Hello, world!, викликаючи для цього першу функцію.

Інтепретація документа HTML і умонтованих у нього сценаріїв відбувається в міру завантаження документа. Тому, якщо в сценарії одні функції викликають інші, необхідно розмістити визначення що викликаються функцій вище що викликають.

При вивченні приведеного в листинге 1.4 вихідного тексту, треба звернути увагу на функцію printString:

 

function printString(szString)

{

document. write(szString. bold());

}

Тут для об'єкта document визивається метод write. У якості параметра передається цьому методу об'єкт szString, викликом для нього методу bold. Після того, як привласнене переменной значення текстового рядка, вона стала об'єктом умонтованого класу текстових рядків, для якого визначені декілька методів.

Щоб виділити повідомлення масним шрифтом, можна використовувати і звичайну конструкцію мови HTML:

 

var szHelloMsg = "<B>Hello, world! </B>";

 

1.1.4. Варіація четверта: створення сторінки "на літу"

Такий сценарій має одну цікаву особливість: у його документі , що містить , HTML немає області <BODY> (листинг 1.5).

 





Дата добавления: 2014-11-29; Просмотров: 92; Нарушение авторских прав?;


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



ПОИСК ПО САЙТУ:


Читайте также:



studopedia.su - Студопедия (2013 - 2017) год. Не является автором материалов, а предоставляет студентам возможность бесплатного обучения и использования! Последнее добавление ip: 54.161.3.96
Генерация страницы за: 0.011 сек.