6. Технологии применения языка Javascript для создания web-документов. Примеры сценариев. Создание окон, настройка их параметров, вывод информации в окнах.

JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. Они подключаются напрямую к HTML и, как только загружается страничка — тут же выполняются.

Программы на JavaScript — обычный текст. Они не требуют компиляции или какой-то другой специальной подготовки.

В этом плане JavaScript сильно отличается от другого языка, который называется Java.

Скрипт может быть размещен в любом месте HTML.

Ниболее часто скрипт вставляют:

-внутрь HEAD -вниз страницы, перед закрывающим тегом BODY

Скрипты, которые должны быть выполнены до отображения страницы - помещают в HEAD.

После отображения страницы - помещают в конец BODY.

Если JavaScript-кода много —- его выносят в отдельный файл, который подключается в HTML:

<script src="/path/to/script.js"></script>

Здесь /path/to/script.js - это абсолютный путь к файлу, содержащему скрипт (из корня сайта). Можно указать и полный URL. Важный плюс выноса скриптов в отдельный файл —- кеширование. Один и тот же скрипт обычно используется на множестве страниц. В этом случае браузер скачает его только первый раз, и в дальнейшем, при правильной настройке сервера, будет брать из своего кеша. Чтобы подключить несколько скриптов, используйте несколько тегов:

<script src="/js/script1.js"></script>

<script src="/js/script2.js"></script>

Если указан атрибут src, то содержимое тега игнорируется. Если нужно, чтобы скрипт обязательно выполнился до того, как страничка будет отображена, то самое подходящее место — это HEAD.

Скрипты в конце BODY

Скрипт может быть и в конце документа, например перед закрывающим </body>. В таком случае он выполняется после отрисовки страницы.

Открывание нового окна с использованием JavaScript

Для того чтобы просто открыть окно можно воспользоваться фунцией:

window.open(<url-адрес окна>,

<имя target для окна>,

<всякие параметры>);

<имя окна> — это строка, указывающая html-файл, который нужно отобразить в новом окне. <имя target для окна> — это строка, где указывается имя окна, которое используется в параметрах target тега <A> или <FORM>. Ниже приведена таблица, в которой собраны некоторые свойства, которые можно прописать в последнем параметре функции вызова окна:

Height-Устанавливает высоту (в пикселях) создаваемого окна; Width-Устанавливает ширину (в пикселях) создаваемого окна; Location-Если установлено значение "yes", в открываемом окне будет строка ввода адреса; Menubar-Показывает или скрывает строку меню; Resizable-Разрешает или запрещает изменять размеры окна; Left-Устанавливает горизонтальную координату положения окна на экране; Top-Устанавливает вертикальную координату положения окна на экране. Эти координаты отсчитываются от верхнего левого угла экрана; Scrollbars-Включает/скрывает полосы прокрутки в окне; Status-Включает/скрывает строку статуса в открываемом окне; Toolbar-Включает/скрывает панель инструментов.

Вот простой пример возможного варианта открытия нового окна:

infoWind = window.open("info.html",

"INFO",

"width=200,height=150,toolbar=no");

Вышеприведённый кусок кода открывает новое окно шириной 200 и высотой 150 пикселей, c отключённым отображением панели инструментов.