Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов (88‰)...
Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...
Топ:
Определение места расположения распределительного центра: Фирма реализует продукцию на рынках сбыта и имеет постоянных поставщиков в разных регионах. Увеличение объема продаж...
Генеалогическое древо Султанов Османской империи: Османские правители, вначале, будучи еще бейлербеями Анатолии, женились на дочерях византийских императоров...
Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...
Интересное:
Национальное богатство страны и его составляющие: для оценки элементов национального богатства используются...
Подходы к решению темы фильма: Существует три основных типа исторического фильма, имеющих между собой много общего...
Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...
Дисциплины:
2017-11-27 | 138 |
5.00
из
|
Заказать работу |
Рассмотрим, как запускается скрипт, код которого размещен в заголовке Web-страницы.
Упражнение 1.1. Создайте на Рабочем столе свою папку. Затем наберите следующий HTML-код в текстовом редакторе Блокнот и сохраните документ в своей папке с именем run_script_1.htm.
<html>
<head>
<title> Порядок запуска скриптов </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript">
Function func()
{
alert("Простейший скрипт, код которого расположен между тегами head");
}
</script>
</head>
<body>
<input type="Button" value="Щелкните" onclick="func()">
</body>
</html>
Внешним проявлением работы скрипта станет изображение командной кнопки.
При щелчке по изображенной кнопке появится сообщение:
Анализируя листинг приведенного скрипта, можно сказать, что код скрипта и обработчик событий находятся на одной Web-странице, Для запуска сценария используются объект – кнопка (Button) и событие – щелчок (click), которое с помощыо обработчика события onclick активизирует функцию func(). Функция func(), в свою очередь, осуществляет вывод информации на экран с помощью метода alert(). Тело скрипта отделяется от заголовка Web-страницы с помощью парного тега script. В открывающем теге скрипта указано имя языка (language) – JavaScript. Заметим, что код скрипта может располагаться практически в любом месте HTML-страницы (даже за пределами HTML-контейнера).
Упражнение 1.2. Наберите следующий HTML-код в текстовом редакторе Блокнот и сохраните его в своей папке с именем run_script_2.htm.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript" src="script2.js"></script>
</head>
<body>
<input type="Button" value="Щелкните" onclick="func2()">
</body>
</html>
Затем создайте файл:
Function func2()
{
alert("Скрипт расположен во внешнем файле script2.js");
}
В данном случае сценарий располагается в отдельном файле с именем script2.js. Имя файла и путь к нему указывается с помощью атрибута src (источник). Подсоединение этого файла к HTML-коду осуществляется с помощью строки:
<script language="JavaScript" src="script2.js"></script>
Данная строка располагается между тегами head.
Запуск скрипта можно осуществить с помощью командной кнопки, как это показано ниже:
<input type="Button" value="Щелкните" oncIick="func2()”>
В результате действия этого кода появится изображение командной кнопки
Щелчок по этой кнопке приведет к выполнению сценария и появлению следующего сообщения:
Третий способ запуска созданных скриптов предполагает использование гиперссылки (псевдо-URL).
Упражнение 1.3. Наберите следующий HTML-код в текстовом редакторе Блокнот и сохраните документ в своей папке с именем run_script_3.htm.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<a href="javascript:alert('Скрипт запущен с помощью гиперссылки');">Щелкните здесь</a>
</body>
</html>
В результате работы скрипта на экране появится гиперссылка:
При щелчке по гиперссылке появится окно:
Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...
Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!