Создание скриптов, не связанных с событиями

Для того, чтобы скрипт на языке javascript выполнялся без какого либо события его необходимо поместить в контейнер script:

<script> текст сценария </script>

Упражнение 3. Создать скрипт, выводящий в нужном месте Web-страницы текущую дату. Технология выполнения:

· в HomeSite создать новый документ с заголовком «Примеры скриптов» и сохранить его как script3.html в своей папке html_files учебного Web-сайта с фреймовым вариантом структуры;

· поставить курсор в область документа и на панели инструментов Script нажать кнопку Script, затем в открывшемся окне – кнопку ОК. В том месте, где находился курсор, сформируется контейнер script;

· поставить курсор внутри контейнера script (междуоткрывающим и закрывающим тегами), затем найти в структуре объектов браузера метод document.write() и включить его в скрипт. В круглые скобки метода вписать метод Date(): document.write(Date());

· итоговый вид скрипта представлен на рис. 4.4.

Рис. 4.4. Пример текста скрипта, выводящего текущую дату, и результат его выполнения

Внутри контейнера script может быть большое количество операторов языка javascript, которые в этом случае пишутся с новой строки каждый, либо в одной строке отделяются друг от друга точкой с запятой (;).

Упражнение 4. Скопируйте следующий скрипт в текущий документ, сохраните его и проанализируйте работу скрипта:

<script>

Now = new Date()

Mn = Now.getMonth()+1

document.write("Сегодня " + Now.getDate()+ "-" + Mn + "-" + Now.getFullYear() + ". Вызашлинамоюстраницуровнов: " + Now.getHours() + ":" + Now.getMinutes() + " и " + Now.getSeconds() +

" секунд.")

</script>

В этом скрипте использованы методы get, возвращающие различные свойства объекта класса Date (в примере это объект с именем Now), который содержит дату и время (табл. 4.1).

Таблица 4.1. Список методов get

Ответить на следующие вопросы:

· Каково назначение в первой строке скрипта оператора new?

· Зачем в приведенном скрипте используется переменная с именем Mn?

· Каково назначение символа + в операторе присваивания (вторая строка скрипта) и в методе document.write()?

· Почему внутри круглых скобок метода document.write() часть текста взято в кавычки, а часть – нет? Можно ли в этом случае вместо двойных кавычек использовать одинарные?

Свои ответы сообщить преподавателю.

Упражнение 5. Измените предыдущий скрипт так, чтобы он выводил текущее время в формате, представленном на рис. 4.5.

Рис. 4.5. Пример формата текущей даты

Не нашли, что искали? Воспользуйтесь поиском: