JavaScript. Основы клиентского программирования. Захаркина В.В. - 22 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

42
миниатюр в MS Windows «проводнике» в режиме «эскизы
страниц».
Не рассматривая здесь вопросы подготовки миниатюр и задания
параметров их отображения с помощью CSS, приведем лишь один из
вариантов функции, открывающей окно заданных размеров по центру
экрана монитора и загружающей в это окно документ с указанного
адреса. При этом предположим, что в новом окне будут
открываться
изображения разного размера.
Планируя последовательные открытия изображений, согласимся, что
новые окна не должны множиться. Значит, все они (см. раздел «Метод
open()») должны иметь одно условное имя, задаваемое в качестве 2-го
аргумента метода open(). Как отмечалось выше, в таком случае
необходимо после загрузки нового содержимого активизировать окно,
чтобы оно переместилось на
передний план поверх других окон
приложений. Здесь можно применить по крайней мере два подхода:
• Передать фокус ранее открытому окну и изменить его размеры и
положение, чтобы при новых размерах окно снова расположилось
по центру экрана.
• Закрыть окно с изображением, если оно уже было ранее открыто,
а потом открыть
новое окно нужного размера.
Мне более рациональным представляется второй вариант. Впрочем,
заинтересованному читателю предлагаю написать функцию,
реализующую альтернативный подход. Отладив сценарий, сравните
результаты и сделайте соответствующий вывод.
Итак, предлагаемый вариант фрагмента сценария и объявления
функции.
//Объявляем глобальную переменную newWin без
инициализации.
//При вызове функции openWin() ей будет присвоено
значение
//объектного типа,
ссылающееся на новое окно.
var newWin;
43
function openWin(addr,w,h)
//Открывает окно с условным именем 'new' шириной w
//и высотой h и загружает в него документ с
адресом addr.
//Окно располагается по центру свободной части
экрана.
{
//Закрываем окно, если оно ранее было открыто:
if (newWin) newWin.close();
//Определяем координаты левого верхнего угла окна,
используя
//свойства объекта Screen:
var x = (screen.availWidth-w)*0.5;
var y = (screen.availHeight-h)*0.5;
//Открываем новое окно с указанным документом:
newWin = window.open(addr,'new','width=' +
w + ',height=' + h + ',left=' +
x + ',top=' + y);
};
Объект Document
Объект Document особенно важен при разработке сценариев.
Приведенная здесь схема иерархии объектов включает только
основные свойства этого объекта, определенные в базовой объектной
модели документа (Document Object Model Level 0 - DOM0).
На поддержку этих свойств можно смело рассчитывать при
использовании любого относительно современного браузера. Более
поздние стандарты DOM1 и DOM2 представляют документ HTML в
виде дерева и дают доступ ко
всем элементам, несравненно расширяя
возможности разработчика. Однако, в этом разделе рассмотрим лишь
базовые возможности.

Страницы