Расположение скрипта в HTML-документе
JavaScript – язык программирования, который проистекает из языка Java, но существенно проще его. Язык возник в результате объединения усилий компаний Netscape, создавшей первый вариант языка под названием LiveScript и фирмой Sun, создавшей сам язык Java. Результатом их совместной деятельности и появился новый язык JavaScript, название которого и взято из названий языков-родителей. Название было придумано, следуя исключительно коммерческим интересам, и говорить о четком наследовании языком JavaScript свойств Java не следует.
JavaScript существенно расширяет возможности при разработке web-страниц. Например, с его помощью можно открывать фотографию в отдельном окне без панели инструментов, строки состояния и адреса страницы, что позволяет более рационально использовать площадь экрана монитора.
Код программы JavaScript, как правило, размещается непосредственно в HTML-документах. Его можно записывать в любом месте HTML-страницы. В некоторых случаях целесообразно записать одну часть программы в одном месте (например, в заголовке – элементе <HEAD>), а другую – ниже. Это бывает необходимо, когда сначала описывается функция, а затем в теле HTML-страницы эта функция вызывается. В любом случае текст фрагмента программы заключается в элемент-контейнер <SCRIPT>. Кроме того, для того чтобы скрыть текст программы от старых версий браузера, необходимо заключить этот текст в контейнер – комментарий HTML <!--... ...-->. Но поскольку в языке JavaScript имеется оператор, начинающийся с двойного минуса, необходимо последнюю строку контейнера записать в виде комментария JavaScript: //-->. В итоге все это должно выглядеть следующим образом:
<SCRIPT LANGUAGE="JavaScript">
<!-- // Здесь пишется текст программы. //-->
</SCRIPT>
Так же код JavaScript можно хранить в отдельных файлах. Определяется файл как источник операторов с помощью атрибута SRC тэга <SCRIPT> следующим образом:
<HEAD>
<TITLE></TITLE>
<SCRIPT SRC="MyProg.js">
.....
</SCRIPT>
</HEAD>
<BODY>
Внешние файлыJavaScript должны содержать только JavaScript определения функций и операторы, в них не может быть HTML-тэгов.
Понятие функции
Функция JavaScript – это подпрограмма, которая выполняется в ответ на возникновение какого-либо события. Вначале функцию необходимо определить. Формальный синтаксис описания функции следующий:
function <имя функции>
(<список аргументов>
{
оператор JavaScript;
оператор JavaScript;
......
оператор JavaScript;
}
Использование функций мы рассмотрим на примере открытия окон.
Создание окон в JavaScript
Для создания новых окон используется метод open() объекта window. Формат вызова данного метода имеет следующий вид:
window.open(url,<имя>,<параметры>,true|false);
Параметры вызова метода имеет следующие значения:
url – строка, определяющая, адрес страницы, которая будет загружена в новое окно;
<имя> – задает имя новому окну;
<параметры> – является строкой, которая определяет отображаемые элементы в новом окне.
true|false – четвертый параметр определяет, заменит ли URL текущий адрес (значение true) в списке или будет добавлен в конец списка (значение false).
При создании нового окна можно задавать отображение тех или иных элементов окна. Значения <параметра>, с помощью которых это выполняется, представлены в таблице:
Таблица 2 – Элементы метода open()
| Элемент | Значение | Описание |
| directories | yes|no, 1|0 | Позволяет отобразить либо скрыть строку каталогов |
| height | pixels | Указывает начальную высоту окна |
| left | pixels | Указывает начальное расстояние между окном браузера и левой границей рабочего стола |
| location | yes|no, 1|0 | Позволяет отобразить либо скрыть строку адреса |
| menubar | yes|no, 1|0 | Позволяет отобразить либо скрыть строку меню умолчанию |
| resizable | yes|no, 1|0 | Определяет, можно ли изменить размеры окна |
| scrollbars | yes|no, 1|0 | Позволяет отобразить либо скрыть полосы прокрутки для документа |
| status | yes|no, 1|0 | Позволяет отобразить либо скрыть строку состояния |
| toolbar | yes|no, 1|0 | Позволяет отобразить либо скрыть панель инструментов |
| top | pixels | Указывает начальное расстояние между окном браузера и верхней границей рабочего стола |
| width | pixels | Указывает начальную ширину окна браузера |
Ниже приведен пример кода, который открывает страницу в новом окне размером 400x300 пикселов, которое не имеет ни строки статуса, ни панели инструментов, ни меню:
<html>
<head>
<script language="JavaScript">
<!—
function OpenWin()
{
myWin= open("example.files/example_01.html", "displayWindow", "width=400,
height=300, status=no, toolbar=no, menubar=no");
}
//-->
</script>
</head>
<body>
<center>
<input type="button"
value="Открыть новое окно"
onClick="OpenWin()">
</center>
</body>
</html>
В данном примере, новое окно открывается в результате нажатия на кнопку. Но часто необходимо открывать такое окно, нажатием на ссылку. Ссылка для вызова нашей функции будет выглядеть следующим образом:
<a href='javascript:OpenWin()'>Открыть новое окно</a>