 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Структура документа
|
|
Програми, написані на мові JavaScript, розташовуються безпосередньо в HTML- документах. Для цього використовується спеціальний тег <SCRIPT> і парний йому </SCRIPT>. JavaScript пишеться тільки таким чином (злито, J і S заголовні).
Атрибут LANGUAGE указує, на якій мові написана дана програма (в нашому випадку JavaScript). Для того, щоб браузеры, не підтримуючі скриптовые програму, могли пропустити їх, програми розташовуються всередині блоку коментарів. Увага! Ранні версії браузеров вимагають вказівки коментаря JavaScript "//" перед закриваючим коментарем мови HTML.
В атрибуті LANGUAGE можна указувати і номер версії мови Java Script, що використалася для написання програми. Це може бути Java Script (Netscape Navigator 2.0), JavaScript 1.1 (Netscape Navigator 3.0), JavaScript 1.2 (Netscape Navigator 4.0) або JScript (Microsoft Internet Explorer).
Функції, складові програму, написану на мові JavaScript, розташовуються в секції <HEAD> HTML- документа. Оскільки ця секція завантажується першій, гарантується, що такі функції будуть завантажені раніше, ніж користувач зможе їх викликати за допомогою тих або інших засобів, що розташовуються в секції <BODY>.
Приклад 4.1.
<HTML>
<HEAD>
<TITLE> Приклад програми на мові JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-
...
програма на JavaScript
...
//->
</SCRIPT>
</HEAD>
<BODY>
...
Текст HTML-документа і виклик функцій на JavaScript
...
</BODY>
</HTML>
4.2. Теги <NOSCRIPT>...</NOSCRIPT>
Вважається добрим тоном включати після пари тегов <SCRIPT>...</SCRIPT>, в якій міститься скриптовая програма, групу <NOSCRIPT>...</NOSCRIPT>, де може міститися текст для тих користувачів, браузер яких не підтримує JavaScript або в браузере яких відключена поддержка JavaScript.
Увага: теги <NOSCRIPT>...</NOSCRIPT> пишуться великими буквами.
Приклад 4.2.
<HTML>
<HEAD>
<TITLE>Пример програми на JavaScript </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-
...
програма на Java Script
...
->
</SCRIPT>
<NOSCRIPT>
<!-
Тут розташовується текст для користувачів, браузер яких не підтримує JavaScript
->
</NOSCRIPT>
</HEAD>
<BODY>
...
Текст HTML- документа і виклик функцій на JavaScript
...
</BODY>
</HTML>
Сама секція <NOSCRIPT>...</NOSCRIPT> может так само виглядати таким чином:
<NOSCRIPT>
<center>
На жаль, Ваш браузер не підтримує JavaScript. Будь ласка, відновіть версію Вашого браузера.
Це можна зробити або на <а href="http://www.microsoft.com/"> Web-узле фірми Microsoft </а>, або - <а href="http://www.netscape.com/"> Web-узле фірми Netscape</а>
</center>
</NOSCRIPT>
4.3. Символи коментарів
В мові JavaScript існують два типи коментарів. До першого відносяться однорядкові коментарі, що виділяються в тексті символами "//":
// Це рядок - коментар
або
askUser(); //запросит дані від користувача
До другого типу відносяться багаторядкові коментарі:
/*
Це - багаторядковий коментар, який повністю ігнорується інтерпретатором JavaScript
*/
Коментар з декількох рядків може бути реалізований так само за допомогою декількох одностроковых.
//
// Це - багаторядковий коментар, який повністю
// ігнорується інтерпретатором JavaScript
//
4.4. Виведення інформації
Мова JavaScript надає два способи виведення інформації.
1 спосіб: метод alert
За допомогою його можна відображувати на екрані клієнтського браузера невеликі по розміру повідомлення - ці повідомлення з'являються в діалоговій панелі, що містить кнопку Ok. Натиснення цієї кнопки приводить до закриття діалогової панелі - панелі повідомлень.
Приклад 5.3.
<script language="JavaScript">
alert('Пример виведення повідомлення в панелі сообщений')
</script>
2 спосіб: метод write
Даний метод представляється об'єктом document. Виклик методу document.write з вказівкою певних параметрів приводить до відображення тексту у вікні браузера.
Як параметр при виклику методу document.write указується рядок, який хотіли б побачити на екрані.
Приклад 5.4.
<script language="JavaScript">
document.write('Пример виведення повідомлення у вікно браузера')
</script>
Рядок, що виводиться, може містити і тэги мови HTML. В цьому випадку браузер виведе даний рядок точний так же, як якби вона була розміщена безпосередньо в HTML - документі.
Приклад 4.5.
<script language="JavaScript">
document.write('<Н1><В><I>Пример виведення повідомлення у вікно браузера</I></В></Н1>')
</script>
Якщо рядок, що виводиться, має велику довжину, можна розділити її на дещо подстрок, об'єднавши їх символом "+":
<script language="JavaScript">
document.write('<Н1><В><I>Пример виведення ' + ' повідомлення у вікно браузера</I></В></Н1>')
</script>
Виведення інформації за допомогою методу document.write завершується після останнього символа рядка. Подальше виведення даного методу починає відображення з наступної позиції - символ "повернення каретки / переклад рядка" не виводиться.
Приклад 4. 6.
<script language="JavaScript">
document.write('Строка 1')
document.write('Строка 2')
</script>
В цьому випадку можна використовувати або тег <Р>, або тег <BR>, який включається до складу рядка, що виводиться:
Для збереження вмісту сторінки виклик методу document.write повинен розташовуватися між основними тегами, описують вміст сторінки в секції <BODY>.
Приклад 4.7.
<BODY>
<CENTER>Пример виведення информации</CENTER><BR>
<script language="JavaScript">
document.write('Строка 1<BR>')
document.write('Строка 2<BR>')
</script>
Рядок 3 - виводиться після рядків 1 і 2
</BODY>
4.5. Введення інформації
Для введення інформації можна скористатися двома стандартними методами - confirm і prompt як і метод alert, розглянутий вище, ці методи забезпечуються об'єктом window, що входить, як і згадуваний тут об'єкт document, до складу об'єктної моделі браузера. Але на відміну від методів объекта document при виклику методів alert, confirm і prompt не вимагається вказівки імені самого об'єкта, window.
1 спосіб: метод confirm
Метод confirm відображував діалогову панель, що містить повідомлення і дві кнопки - Ok і Cancel. Натиснення кнопки Ok повертає значення true, Cancel - false. Даний метод може використовуватися для отримання підтверджень від користувачів або іншої інформації, яка може бути представлена булевим значенням true/false.
Приклад 4.8.
<script language="JavaScript">
if (confirm('Хотите перейти по гіперпосиланню?'))
document.write('Переход по гиперссылке')
else
document.write('Отмена переходу по гиперссылке')
</script>
При натисненні кнопки Ok - метод confirm При натисненні кнопки Cancel
повертає значення true - виводиться повідомлення: - метод confirm повертає
значення false - виводиться
повідомлення:
2 спосіб: метод prompt
Даний метод виводить діалогову панель, що містить текст, рядок для введення тексту і кнопки Ok і Cancel. При натисненні кнопки Ok метод prompt повертає вміст рядка введення, при натисненні кнопки Cancel - значення null. Метод prompt має два параметри. Перший задає текст, що пояснює тип інформації, яку необхідно ввести, другий - значення за умовчанням. Другий параметр може бути і порожнім рядком - " ".
Приклад 4.9.
<script language="JavaScript">
var s
s=prompt('Введите ваше имя', 'Петя Петров')
document.write(s)
</script>
Тут користувач одержує пропозицію ввести своє ім'я - 'Введите ваше имя', значенням за умовчанням є 'Петр Петров'. Введене значення зберігається в переменной s і відображувався на екрані браузера.
За умовчанням у вікні браузера Якщо введемо, наприклад,
відображується: Світлана Соколова, то у вікні
браузера відображується 
:
4.6. Функція
Під функцією мається на увазі іменований фрагмент коду, який виконується тільки у тому випадку, коли його викликали:
function someFunction() {
// код функції
}
Функція повинна мати унікальне ім'я (в даному прикладі someFunction) і її код повинен бути ув'язнений у фігурні дужки {}. При іменувати функції рекомендується привласнювати осмислені імена, які повинні підкреслювати характер дій, що виконуються, ними.
Функція виконує свої дії тільки при виклику.
Вказівка скобок () обов'язково навіть при виклику функцій, які не мають параметрів. Увага: потрібно пам'ятати, що JavaScript розрізняються символи верхнього і нижнього регістрів: askUser, AskUser і askuser - це три різні функції.
Функції можуть мати будь-яке число параметрів, які перераховуються в дужках. Параметри відділяються друг від друга коми і пропуском. Функція, яка має параметри, повинна уміти приймати їх - для цього при описі функції указується переменные, в які при виклику поміщаються значення передаваних параметрів.
Функції можуть повертати певні значення. Для цього використовується ключове слово return.
Приклад скрипта, який буде виводити текст, причому один і той же текст буде виводитися три рази:
Приклад 4 .10.
<html>
<script language="JavaScript">
document.write("Ласкаво просимо! <br>");
document.write("Це JavaScript! <br>");
document.write("Ласкаво просимо!<br>");
document.write("Це JavaScript! <br>");
document.write("Ласкаво просимо! <br>");
document.write("Це JavaScript! <br>");
</script>
</html>
Можна вирішити цю задачу більш зручним способом, використовуючи функцію:
Приклад 4 .11.
<html>
<script language="JavaScript">
function f(){
document.write("Це JavaScript! <br>");
document.write("Ласкаво просимо! <br>");
}
f();
f();
f();
</script>
</html>
Слова, поміщені між дужок {}, складають команди, створюючі функцію f(). Це значить, що дві використовуваної функції document.write() об'єднуються в одне ціле, і вони можуть бути виконані спільно за допомогою звернення до функції. В програмі звертання відбулося три рази, три рази написана f() після того, як була визначена цю функція. В програмі три рази викликали функцію, т. е. зміст функції буде виконане три рази.
Приклад 4.12.
<html>
<script language="JavaScript">
function Greet(who){
alert("Увага! " + who);
}
</script>
<body>
<h1>Пример функции</h1>
<р>Сообщение виводиться двічі
<script language="JavaScript">
Greet("Аня")
Greet("Олександр")
</script>
</body>
</html>
Даний приклад дозволяє викликати двічі функцію, відображував повідомлення двом різним користувачам. Програма містить два однакові дескриптори <script>. Уперше при визначенні функції, другої - при її виклику. Функція викликається двічі для різних користувачів.
Перше повідомлення: Друге повідомлення:
Зауваження: друге повідомлення не відображувалося на екрані до тих пір, поки не клацнути на кнопці OK. Після виклику функції виконання сценарія уривається до видалення повідомлення з екрану.
Дата публикования: 2015-04-10; Прочитано: 473 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
