Javascript - об’єкт window відкриття і закриття вікон, ит шеф

На цьому уроці ми познайомимося з різними методами об'єкта window, які дозволяють відкривати і закривати вікна, визначати чи закрито вікно, а також отримувати його внутрішнє ім'я та ін.

Методи об'єкта window: open (). close (). print (). focus () і blur ().

У цьому розділі ми розглянемо такі методи об'єкта window:

  • open () - призначений для відкриття вікон (вкладок);
  • close () - призначений для закриття вікон. В основному використовується для закриття вікон відкритих методом open ();
  • print () - призначений для друку вмісту вікна;
  • focus () - призначений для передачі фокусу вказаною вікна;
  • blur () - призначений для видалення фокуса з зазначеного вікна.

Метод open ().

Він призначений для відкриття нового вікна (вкладки) в браузері і має наступний синтаксис:

  • У першому параметрі вказується URL сторінки, яку необхідно завантажити в це вікно. Якщо значення даного параметра не ставити, то у вікні буде відображена порожня сторінка (about: blank).
  • У другому параметрі методу open вказується значення атрибута target або ім'я вікна. Підтримуються наступні значення:
    • _blank - URL завантажується в нове вікно (вкладку). Це значення використовується за умовчанням;
    • _parent - URL завантажується в батьківський фрейм. Якщо його немає, то URL завантажується в поточне вікно (вкладку);
    • _self - URL завантажується в поточне вікно;
    • _top - скасовує всі фрейми і завантажує URL в поточне вікно (вкладку) браузера. Якщо його немає, то URL завантажується в поточне вікно (вкладку);
    • Як параметр Ви також можете вказати ім'я відкривається вікна. Дане ім'я є внутрішнім і може використовуватися веб-розробниками для виконання функцій і методів цього вікна.
  • Третій параметр призначений для вказівки набору властивостей вікна, які вводяться через кому. Підтримуються наступні основні властивості вікна:
    • left. top - координати (в пікселях) лівого верхнього кута вікна браузера щодо лівого верхнього кута екрану. Значення цих властивостей повинні бути позитивними або рівними 0;
    • height. width - висота і ширина робочої області вікна браузера. При вказівці значень необхідно враховувати, що ширина і висота вікна браузера не може бути менше 100 пікселів;
    • resizable - логічне властивість вікна, яке призначене для включення або виключення можливості зміни розмірів вікна браузера. Дана властивість набуває таких значень: yes або 1. і no або 0;
    • scrollbars - логічне властивість вікна, яке призначене для включення або виключення відображення смуг прокрутки для вмісту вікна браузера. Дана властивість набуває таких значень: yes або 1. і no або 0;
    • status - логічне властивість вікна, яке призначене для включення або виключення відображення статусного рядка браузера. Дана властивість набуває таких значень: yes або 1. і no або 0.

Розглянемо наступний приклади:

1. Відкрити порожню сторінку about: blank в новому вікні. Дане вікно повинно мати ширину і висоту, рівну 250рх:

3. Відкрити нове вікно, що має певні властивості (top = 100, left = 100, width = 400, height = 500, scrollbars = yes, resizabie = yes):

Як взаємодіяти з вікном після його відкриття?

Наприклад, для того щоб звернутися до об'єкта document відкритого вікна:

Відкрити порожнє нове вікно і вивести в ній деякий текст:

Примітка: Взаємодіяти Ви можете тільки з тими вікнами, які самі відкрили, з іншими вікнами Ви працювати не можете.

Метод close ()

Наприклад, cоздадім кнопки для відкриття і закриття вікна з ім'ям myWindow:

Метод print ()

Він призначений для друку вмісту вікна. Даний метод не має параметрів.

Метод focus ()

Він призначений для передачі фокусу вказаною вікна. Даний метод не має параметрів.

Метод blur ()

Він призначений, щоб прибрати фокус з зазначеного вікна, тобто переносить його на задній план. Даний метод не має параметрів.

Властивості об'єкта window. name. opener. closed.

У цьому розділі розглянемо такі властивості об'єкта window:

  • name - призначене для отримання або встановлення внутрішнього імені вікна;
  • opener - дозволяє отримати в поточному вікні, посилання на вікно (об'єкт window), з якого було відкрито дане вікно;
  • closed - властивість логічного типу, яке повертає: true. якщо вікно закрите і false. якщо вікно відкрите.

властивість name

Дана властивість дуже часто використовується для зміни внутрішнього імені вікна, після того як воно вже відкрито. Крім цього, властивість name може повернути поточне значення внутрішнього імені вікна.

Внутрішнє ім'я вікна, це не рядок, укладена між відкриває і закриває тегом title - це ім'я вікна яке призначене для розробника. Тобто дане ім'я невидимо для користувача.

Наприклад, відкриємо вікно за допомогою методу open () і виведемо в ньому його ім'я:

властивість opener

Дана властивість дозволяє отримати у вікні, посилання на вихідне вікно (об'єкт window), тобто на вікно з якого було відкрито дане вікно.

Наприклад, у Вас є вихідне вікно (1), в якому Ви за допомогою методу ореn () відкриваєте інше вікно (2). У цьому вікні (2) Ви можете за допомогою властивості opener отримати вікно (1).

властивість closed

Властивість closed повертає логічне значення, яке вказує закрито вікно чи ні.