Представляю Вашему вниманию двадцать четвертый выпуск информационной рассылки сайта "Веб дизайн в примерах". В этом выпуске мы продолжим серию уроков, посвященных JavaScript.
Рекомендуем Вам подписаться на рассылку "Новости науки и образования. Знаменательные даты". Эта рассылка нацелена на людей, интересующихся последними достижениями науки, развитием и перспективами технической цивилизации, актуальными проблемами современного естествознания и путями их решения. В еженедельных выпусках мы будем знакомить Вас с последними информационными, образовательными и научными публикациями нашего сайта и последними новостями мира науки и образования. Искренне надеемся, что эти выпуски будут Вам интересны и Вы откроите для себя что-то новое и полезное.
Наш новый проект: Свободное программное обеспечение - здесь можно скачать совершенно бесплатно и легально игры, программы, информационные документы.
В прошлом выпуске мы начали изучение объектно-ориентированой модели DOM. В этом выпуске мы продолжим изучение основных методов этой модели. Головным объектом является объект window. Доступ к полям и методам объекта window осуществляется следующим образом:
Так как window является основным и единственным объектом на верхнем уровне иерархии, то его имя можно опускать, тогда предыдущая запись примет вид:
Создание нового окна. Вы не можете создать главное окно, но можете создать любое количество окон после открытия основного окна с помощью метода window.open():
Переменная subWindow - объект определяющий новое созданное окно. Из основного окна вы можете управлять новым окном с помощью этой переменной. Например, закрыть окно:
Заметим, что для закрытия главного окна можно использовать конструкции window.close(), self.close() или close(). Следующий пример позваляет создавать и закрывать окна.
<html>
<head>
<title>Программа для демонстрации создания и уничтожения нового окна</title>
<script type="text/javascript">
var newWindow
function makeNewWindow() {
newWindow = window.open("","","height=300,width=300");
}
function closeNewWindow() {
if (newWindow) {
newWindow.close();
newWindow = null;
}
}
</script>
</head>
<body>
<form>
<input type="button" value="Создать новое окно" onclick="makeNewWindow()">
<input type="button" value="Закрыть созданное окно" onclick="closeNewWindow()">
</form>
</body>
</html>
Для просмотра примера скопируйте текст примера в отдельный *.html файл и откройте его в браузере.
В программе мы определяем две кнопки и связанные с ними функции JavaScript для создания и закрытия нового окна. Управление новым окном
происходит через глобальную переменную newWindow (описание переменной: var newWindow). Функции описываются с помощью
ключевого слова function, имени функции, аргументов в круглых скобках (в нашем случае аргументов нет, поэтому скобки пустые) и
тела функции в фигурных скобках. Запуск функций осуществляется через событие onclick (событие, возникающее при нажатии кнопки мыши)
и указанием в качестве парамента имя исполняемой функции JavaScript. Отметим, что нажатие несколько раз на кнопку "Создать новое окно" создаст
несколько окон, но кнопка "Закрыть созданное окно" закроет только последнее созданное окно. Это связано с тем, что каждый раз при создании нового окна
значение переменной newWindow перезаписывается (и информация об предыдущих окнах теряется).
В следующем выпуске мы продолжим знакомство с первым уровнем иерархии объекта window на примерах, а так же по мере появления на примерах будет разбирать структуры JavaScript
P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").