ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

ГОУ ВПО «Тверской государственный технический университет»

Методические указания по выполнению лабораторных работ

по дисциплине «Интернет в административном управлении»

для специальности 351400 – «Прикладная информатика в экономике»

Тверь 2006

Лабораторная работа № 1

Часть первая

Первый скрипт познакомит вас с самыми основами создания и размещения JavaScript на веб-странице. Вы узнаете о том, что можно и чего нельзя делать в JavaScript. Первый скрипт помещает текст на веб-страницу. В данном случае текст будет красного цвета.

Скрипт

<SCRIPT LANGUAGE="javascript">

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

</SCRIPT>

Что такое JavaScript?

Во-первых, это не Java. Java — это язык программирования, разработанный в Sun Microsystems. А JavaScript придумали люди из Netscape. Но это не единственное отличие. Оба языка представляют собой ООР (Object Orientated Programming, объектно-ориентированный язык программирования). Это значит, что с их помощью можно строить небольшие объекты, из которых потом складывается целое. Главное отличие в том, что Java позволяет создавать совершенно самостоятельные события. «Java-applet» («приложения») может запускаться с веб-страницы, но на самом деле это полностью независимая программа, хоть и маленькая. К тому же ее нельзя просмотреть в виде текста. Для запуска ее необходимо «транслировать» в то, что называется «машинным языком». Netscape как бы упростил Java до набора более простых команд. JavaScript не может существовать сам по себе, он должен находиться внутри веб-страницы, а веб-страницу необходимо просматривать в браузере, который понимает язык JavaScript (скажем, Netscape Communicator и Internet Explorer). Для начала запомните, что JavaScript — это не HTML! У JavaScript и HTML очень похожие правила. Во-первых, JavaScript располагается внутри документа HTML. JavaScript сохраняется в виде текста вместе с документом HTML. Главная же разница в том, что в HTML имеет довольно расплывчатые правила. Не имеет значения, сколько пробелов вы оставляете между словами или абзацами. У JavaScript четкая форма. И пренебрегать ею можно лишь изредка. Например, вторая строка нашего скрипта выглядит следующим образом:

document.write("<font color='red'>Красный текст</font>")

То есть, целиком находится на одной линии и должна сохранять свою форму.

Всегда редактируйте свою работу в текстовом редакторе без полей. Имеется в виду не очень широкую страницу, а ПОЛНОЕ ОТСУТСТВИЕ ПОЛЕЙ.

Для JavaScript очень важен РеГиСтр. Некоторые скрипты по-разному действуют в Нетскейпе и Експлорере.

Разбор скрипта

Начнем с первой строки:

<SCRIPT LANGUAGE="JavaScript">

Это код HTML, который дает браузеру понять, что с этого места начинается JavaScript. Все скрипты начинаются с такой команды. А как насчет части LANGUAGE(язык)="JavaScript"? Есть еще и другие типы скриптов, например, VBS. Так что ваша команда LANGUAGE не даст браузеру запутаться.

Этим: </SCRIPT> ...заканчивается любой JavaScript без исключений. Помните, начинаем с <SCRIPT LANGUAGE="javascript"> и заканчиваем </SCRIPT>.

Вот основная часть скрипта:

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

Указывается DOCUMENT (документ HTML) и те изменения, которые в нем произойдут — что-то будет написано (WRITE). То, что будет написано, находится в скобках. DOCUMENT представляет собой object (объект). Слово WRITE (писать), отделенное точкой, называется method (методом объекта). Текст в скобках называется instance (примером метода), он передает то, что происходит, когда метод воздействует на объект. Имейте в виду, что текст внутри скобок находится в кавычках. Текст в кавычках представляет собой простой HTML. Команда <FONT> делает текст красным. Обратите внимание, что дальше идут одинарные кавычки. Если поставить двойные, JavaScript решит, что это конец строки, и получится, что только часть вашего текста будет применена к объекту, а это уже ошибка.

Запомните: внутри двойных кавычек ставятся одинарные.