Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | ||
|
Работа посвящена открытию новых окон. Сначала рассмотрим, как через команды Javascript открыть новый документ HTML в другом окне. Затем, как с помощью функции поместить две разные страницы в одном документе.
Скрипт
<SCRIPT LANGUAGE="javascript">
window.open('opened.html', 'joe', config='height=300,width=300')
self.name="main window"
</SCRIPT>
Разбор скрипта
Расположение на странице
Начнем с расположения скрипта на странице. Когда открываем новое окно, располагайте скрипт ближе к концу документа. Тогда сначала загрузится страница, а потом всплывет окошко, иначе окошко всплывет прежде, чем пользователь увидит страницу. window.open
window (окно) — объект, a open (открыть) — метод, который на него воздействует.
Конфигурация нового окна
Информация об этом находится в круглых скобках
Вот схема:
(' URL документа в новом окне ', 'Название нового окна', config='параметры нового окна')
образец:
('opened.html','joe',config='height=300,width=300')
Команды конфигурации
Они сообщают, что новое окно будет размером 300 на 300 пикселей.
Обратите внимание, что команды height (высота) и width (ширина) разделены только запятой без пробелов, а значения поставлены в одинарные кавычки, так как эти два элемента являются подкомандами config. Пробел для браузера означает конец команды. Есть множество подкоманд для команды config. Про высота и ширина определяются в пикселях. Остальные подкоманды употребляются со словами «yes» или «no» в зависимости от того, нужны ли в новом окне эти элементы. (Можно ставить «1» вместо «да» и «0» вместо «нет».) Никаких пробелов между подкомандами и одинарные кавычки.
От строки с заголовком не избавиться никогда.
Тэги в новом окне
Всплывающее новое окно — это не просто рамка для страницы.
Как видите, имеются две ссылки. Первая открывает домашнюю страницу HTML Goodies в главном окне. Вот как это получается:
<A HREF="http://www.htmlgoodies.com" TARGET="main window"></A>
У большого окна есть имя, «main window» (главное). Вот почему оно главное. В скрипте это обозначено строкой self.name="main window". Добавляем в ссылку HREF TARGET="--" (цель) и указание на main window.
Если надо, чтобы страница загружалась в маленьком окошке нужно написать «joe» после команды target.
С помощью многократных команд window.open можно вызывать многократные окна. Только следите за тем, чтобы у каждого нового окна было свое имя. Можете связывать окна ссылками при условии, что правильно указываете имена окон в команде target.
Закрыть окно
Вторая ссылка нового окна закрыла его. Вот как это сделано:
<A HREF="" onClick="self.close">Щелкните, чтобы закрыть</A>
Это обычная ссылка HREF, которая никуда не ведет. Видите пустые кавычки? Команда onClick="self.close" закрывает окно и никуда не ведет.
self (само, себя) — это свойство может относиться к любому объекту. В нашем случае это свойство окна. Команда close (закрыть) закрывает окно.
Если, вы хотите открыть окно по команде, а не когда пользователь заходит на страницу. Вот как это можно сделать:
<A HREF="les11.htm" onClick="window.open('opened.html', 'joe',
config='height=300,width=300')">Щелкните, чтобы открыть 'joe'</A>
Дата публикования: 2015-11-01; Прочитано: 401 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!