Javascript
Важная особенность JavaScript – объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами).
Код сценариев JavaScript неразрывно связаны с HTML-кодом, поэтому невозможно научиться программированию на JavaScript без минимального набора знаний о принципах кодировки на HTML.
Какие программы нужны для написания и проверки на работоспособность JavaScript?
Для написания сценариев javascript подойдут те же программы, что и для написания HTML кода - Блокнот, Word Pad, Netscape Coffe Cup, Microsoft Front Page, Home Site, и др.
Если вы будете использовать в своих сценариях графика то вам понадабяться графические редакторы:
Adobe Photoshop
Corel Draw
Illustrator и д.р.
Чтобы проверить работоспособность сценариев можно через любой Веб Браузер, к примеру, возьмём Internet Explorer или Opera вообщем браузером на ваше усмотрение.
Правила написания скрипта.
Ниже перечислены правила написания скриптов применительно к языку JavaScript, соблюдение которых гарантирует корректность работы программ.
JavaScript регистрозависимый язык. Написание переменных и функций, как определенных пользователем, так и стандартных, должно выполняться с учетом регистра определенного при объявлении.
Для разделения операторов используется разделитель ";"
При задании блока операторов используют фигурные скобки "{}"
Присвоение значений производится с помощью оператора присвоения "="
Однострочный коментарий ставится с помощью символов "//", многострочный - "/* */"
/* Пример кода написаного на JavaScript */
var myVariable; // Объявление переменной
myVariable = 0; // Присвоение значания
for (count=1; count<10; count++){ // Задание цикла
myVariable = myVariable + count // Суммирование чисел от 1 до 10
}
alert(myVariable); // Вывод значения переменной myVariable в диалоговом окне
Где нужно писать скрипт.
Скрипт размещают между открывающим и закрывающим элементами . Таких пар открывающих и закрывающих тегов в документе может быть множество, и вних располагается код JavaScript. Чаще всего код, который содержит функции, располагают в разделе , а код который должен выполняться в процессе загрузки страницы - в . Для настройки раздела используются следующие атрибуты:
language - устаревший атрибут, использовавшийся для указания языка скрипта. Для JavaScript присваивается значение "javascript"
type - новый атрибут, использующийся для указания языка скрипта. Для JavaScript присваивается значение "text/javascript"
src - атрибут, который указывает на внешний файл со скриптами
Есть возможность писать скрипты во внешнем файле и связать этот файл с файлом html-документа через элемент и его атрибут src. Файл, который содержит скрипты JavaScript должен иметь расширение .js . Внутри файла элемент не ставится, а скрипт пишется сразу сначала файла.
<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>