Лабораторная работа №1. Порядок запуска скриптов. — КиберПедия 

История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...

Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...

Лабораторная работа №1. Порядок запуска скриптов.

2017-11-27 144
Лабораторная работа №1. Порядок запуска скриптов. 0.00 из 5.00 0 оценок
Заказать работу

Рассмотрим, как запускается скрипт, код которого размещен в заголовке 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 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.011 с.