- •Лабораторная работа №4 Основы синтаксиса JavaScript. Математические функции JavaScript. Объект Math.
- •1. Методические указания
- •2. Теоретические сведения
- •Переменные в JavaScript
- •Условные операторы
- •Оператор ?
- •Оператор-переключатель switch
- •Операторы цикла
- •Объекты JavaScript
- •Встроенный объект Array. Массивы в JavaScript.
- •Свойство объекта Array
- •Методы объекта Array
- •Объект Math
- •Объект Math
- •Задание №11
- •Задание №12
- •3. Содержание отчёта
- •4. Контрольные вопросы
Лабораторная работа №4 по дисциплине
«Современные Интернет технологии»
Лабораторная работа №4 Основы синтаксиса JavaScript. Математические функции JavaScript. Объект Math.
Цель: Изучить основы синтаксиса и научиться использовать клиентский язык программирования JavaScript, использовать объект Math. Изучить математические константы и функции.
1. Методические указания
При изучении конструкций языка JavaScript можно использовать любой текстовый редактор. Для получения JavaScript файла, сохраняйте свои изменения как текстовые, для файла используйте расширение *.js, если вы встраиваете скрипт в HTML файл, то сохраняйте свои изменения как текстовые, для файла используйте расширение *.htm или *.html
Более опытные пользователи могут воспользоваться любым специализированным редактором HTML страниц или JavaScript редактором (Macromedia Dreamweaver, HomeSite, FrontPage, AceHTML, Web Development Studio)
Создаваемые файлы необходимо тестировать в основных браузерах Internet Explorer, Mazilla Firefox, Opera.
Отлаженные файлы необходимо сохранять в отдельном каталоге.
По окончанию работы сохраните все созданные файлы на своих носителях.
2. Теоретические сведения
JavaScript - предназначен для написания сценариев для активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку Java. Java разработан фирмой SUN. JavaScript – фирмой Netscape Communication Corporation. Первоначальное название – LiveScript. После завоевания языком Java всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.
JavaScript не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется браузером по мере загрузки этого документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состояния документа или окна.
Важная особенность JavaScript – объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами).
Тег <SCRIPT>
Сценарий JavaScript встраивается в HTML-документ с помощью тега <SCRIPT>...</SCRIPT>.
Пример
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
</HEAD>
<BODY>
<H1>Начнем?</H1>
<SCRIPT TYPE="text/javascript">
<!--
document.write('Привет!');
//-->
</SCRIPT>
</BODY>
</HTML>
Текст сценария оформляется как комментарий, чтобы не было проблем у посетителей, брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа “/”, т.к. некоторые браузеры, рассматривает строку, состоящую только из символов “-->”, как ошибочную.
В первом примере для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка “Привет!”. Строка закрывается символом “;”, которым отделяются друг от друга все операторы JavaScript.
Объект document – это HTML-документ, загруженный в окно брaузера. Метод write записывает в тело HTML-документа строку “Привет!”. При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.
Имейте в виду, что JavaScript различает строчные и прописные буквы. Кроме того символ дефиса в JavaScript распознается как минус, т.е. если фон объекта в HTML-документе задается через свойство background-color, то в JavaScript - через backgroundColor.
Пример
< img src="test.gif" border=0
OnMouseOver="this.style.backgroundColor='red';" OnMouseOut="this.style.backgroundColor='white';">