- •Практическая работа №1. Тема: “Основы языка JavaScript”. Теоретические сведения.
- •Синтаксис JavaScript Правила написания скрипта.
- •Где нужно писать скрипт.
- •Переменные, их типы. Объявление переменной.
- •Типы данных.
- •Операции над данными
- •Условные операторы
- •Операторы циклов
- •Функции
- •Определение и вызов
- •Диалоговые окна
- •Задание:
Синтаксис JavaScript Правила написания скрипта.
Ниже перечислены правила написания скриптов применительно к языку JavaScript, соблюдение которых гарантирует корректность работы программ.
JavaScript регистрозависимый язык. Написание переменных и функций, как определенных пользователем, так и стандартных, должно выполняться с учетом регистра определенного при объявлении.
Для разделения операторов используется разделитель ";"
При задании блока операторов используют фигурные скобки "{}"
Присвоение значений производится с помощью оператора присвоения "="
Однострочный коментарий ставится с помощью символов "//", многострочный - "/* */"
/* Пример кода написаного на JavaScript */ var myVariable; // Объявление переменной
myVariable = 0; // Присвоение значания for (count=1; count<10; count++) // Задание цикла
{
myVariable=myVariable+count;//Суммирование чисел от 1до10
}
alert(myVariable);//Вывод значения переменной myVariable в диалоговом окне
Где нужно писать скрипт.
Скрипт размещают между открывающим и закрывающим элементами <script>. Таких пар открывающих и закрывающих тегов в документе может быть множество, и вних располагается код JavaScript. Чаще всего код, который содержит функции, располагают в разделе <head>, а код который должен выполняться в процессе загрузки страницы - в <body>. Для настройки раздела <script> используются следующие атрибуты:
language - устаревший атрибут, использовавшийся для указания языка скрипта. Для JavaScript присваивается значение "javascript"
type - новый атрибут, использующийся для указания языка скрипта. Для JavaScript присваивается значение "text/javascript"
src - атрибут, который указывает на внешний файл со скриптами
Есть возможность писать скрипты во внешнем файле и связать этот файл с файлом html-документа через элемент <script> и его атрибут src. Файл, который содержит скрипты JavaScript должен иметь расширение .js . Внутри файла элемент <script> не ставится, а скрипт пишется сразу сначала файла.
<html>
<head>
<title>
Использование встроеного скрипта
</title>
</head>
<body>
<script type="text/javascript">
var s = "JavaScript - это просто!";
alert(s);
</script>
</body>
</html>
Файл index.html |
Файл script.js |
<html> <head> <title> Использование скрипта размещенного во внешнем файле </title> </head> <body> <script type="text/javascript" src="./script.js"> </script> </body> </html> |
var s="JavaScript-это просто!"; alert(s); |
Эти два примера содержат код скрипта, который выводит в диалоговом окне сообщение. Различие в них состоит в том, что в первом html-документе скрипт размещен в разделе <body>, а во втором - скрипт находится во внешнем файле (предусматривается что js-файл находится в той же папке что и html-файл)
На даный момент еще есть броузеры не поддерживающие скриптов, и весь код скрипта в них выводится на экран в виде текста. Чтобы этого не происходило рекомендуется весь код скрипта размещать между коментариями HTML - "<!-- //-->". Броузеры, которые понимают скрипт, коментарии просто игнорируют.
<html>
<head>
<title>
Использование встроеного скрипта
</title>
</head>
<body>
<script type="text/javascript">
<!--
Здесь пишеться скрипт
//-->
</script>
</body>
</html>