- Создание простых web-страниц
- Создание простых страниц в редакторе Dreamweaver
- Подготовка и размещение графических изображений
- Использование таблиц для размещения данных и компоновки страниц
- Компоновка страниц с использованием фреймов
- Создание интерактивных страниц с использованием форм
- Каскадные таблицы стилей — расширение возможностей форматирования
- Создание динамических страниц
- Добавление статических и динамических эффектов
Окно браузера как объект программирования
До сих пор в качестве объектов в наших программах фигурировали метки HTML. Однако возможности языка JavaScript гораздо шире. В частности, объектом программирования может являться окно браузера (объект window). Объект имеет множество свойств и методов. К методам объекта window относятся уже рассмотренные нами методы: alert о, setlnterval (), clearlnterval (), а также еще один — метод open (), с которым познакомимся в данном разделе.
Метод open () предназначен для открытия нового окна. Его структура может выглядеть следующим образом:
open ("имя файла", "имя окна", "параметры окна") о имя файла — имя файла документа, который должен загрузиться в раскрываемом окне или его адрес, если документ находится на другом сервере;
? имя окна — имя открываемого окна. Используя это имя после открытия окна, можно загружать в него другие документы;
о параметры окна — группа параметров, перечисляемых через запятую, определяющих внешний вид окна.
Часть параметров позволяет задать размеры окна и его положение на экране. К ним относятся: width — ширина окна, height — высота окна, top — смещение по вертикали относительно верхней границы окна монитора, left — смещение по горизонтали относительно левой границы окна монитора. Все четыре параметра задаются в пикселях.
Другая часть параметров позволяет установить, будет ли отображаться тот или иной элемент браузера. Каждый из них может принимать одно из двух значений: 1 — отобразить элемент, 0 — скрыть элемент (допускается также использование значений yes/no). По умолчанию действует значение 0 (элемент скрыт). Эта часть параметров включает: toolbar — отображение панели инструментов (кнопки), directories — отображение панели инструментов (ссылки), location — отображение адресной строки, menubar — отображение меню, status — отображение строки состояния, resizable — разрешение изменения размеров окна пользователем.
Следует обратить внимание, что по умолчанию на открываемой в браузере странице существуют поля, которые создают белую рамку вокруг рисунка. Задавая размер открываемого окна, приходится это учитывать и устанавливать размеры окна несколько больше, чем размер рисунка. Чтобы избавиться от полей, следует открывать в новом окне не файл рисунка, а HTML-документ без полей, содержащий только этот рисунок.
Текст документа, создающего страницу без полей
<html> <head>
<title>OTKpHTne OKHa</title> </head>
<body topmargin="0" leftmargin="0">
<img src="Pl.jpg">
</body>
</html>
Параметрами topmargin и leftmargin устанавливаются нулевые поля страницы. Изменим значения параметров метода open () предыдущей программы, изменив имя открываемого файла и размеры окна:
open("Plnb.htm", "wl", "top=150, left=300, width=133, height=200")
Программа может быть использована и для открытия окон с разными документами, причем они могут быть и разного размера. Для этого достаточно ввести механизм параметров.
Параметры метода open () записываются как строки символов, т. е. в кавычках. Поэтому значения параметров, передаваемых в функцию nw () при ее вызове, должны относиться к типу данных "строки символов" и записываться в кавычках. В свою очередь переменные fn, w и н в заголовке функции nw () также принадлежат к строчному типу данных, так как через них осуществляется передача значений. Это объясняет, почему переменная fn в методе open о записывается без кавычек, а переменные w и н объединяются с другими частями в единую строку при помощи знака"+".
Проверив работу программы, убедимся, что прежде чем открыть новое окно документа, следует закрыть окно предыдущего. Объясняется это тем, что открываемое окно имеет конкретное имя wl и открыть второе окно с таким же именем невозможно. Для многих решаемых задач такое положение дел можно считать вполне нормальным. Например, вы создаете картинную галерею и на странице размещаете уменьшенные репродукции картин. Щелчок по любой из них открывает увеличенное изображение картины в новом окне. Перед тем как перейти к демонстрации следующей картины, вполне естественно желание закрыть изображение предыдущей. И все-таки можно придумать ситуацию, когда необходимо открыть сразу несколько новых окон с разными документами.
- Войдите на сайт для отправки комментариев