Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
11.03 Создание окна браузера

Автор: Denisido

Дата: 2010-12-18

Программно создавать новое окно браузера мы будем с помощью метода open() объекта Window. Данный метод принимает два обязательных параметра. В качестве первого параметра передаем адрес нужной интернет страницы. Также можно передать пустоту, в этом случае будет создано так называемое пустое окно.

// Создание нового окна браузера
  
window.open("site_page.html");

Вторым параметром передают имя созданного окна браузера:

// Создание нового окна браузера
  
window.open("","newWindow");

Третий параметр является необязательным, в котором передается список параметров созданного окна браузера, разделенных запятыми, в строковом виде:

Запустить!
// Создание нового окна браузера
  
var newWindow = window.open("","newWindow","width=400,height=200, menubar=yes, location=yes, status=yes, toolbar=no, resizeable=yes, scrollbars=no");
  
/*
                       width=400,      // задаем ширину окна браузера
                       height=200,     // задаем высоту окна браузера
                       menubar=yes,    // показываем главное меню (если no - убираем)
                       location=yes,   // показываем строку браузера
                       status=yes,     // показываем строку статуса
                       toolbar=no,     // убираем панель инструментов
                       resizeable=yes, // создаем воз-сть изменять размеры окна браузера
                       scrollbars=no,  // убираем полосы прокрутки
*/

Возвращенное значение мы поместили в переменную newWindow для дальнейшего манипулирования программно созданного окна браузера:

Запустить!
// Манипулирование над программно созданным окном браузера
  
var newWindow = window.open("","newWindow","width=400,height=200, menubar=yes, location=yes, status=yes, toolbar=no, resizeable=yes, scrollbars=no");
  
newWindow.document.open(); // открываем
newWindow.document.write("<html> <head> <title>Учимся программно создавать окна Web-обозревателя</title> </head> <body> <h1>Новое окно</h1> </body> </html>"); // записываем
newWindow.document.close(); // закрываем
setTimeout(closeNewWin,5000); // интервальная задержка на 5 сек
function closeNewWin() {
newWindow.close(); // закрываем программно созданное окно через 5 сек
};



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): fgh1233
Дата: 2010-12-18

Полезный материал, обязательно пригодится.

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 7294

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.