logo

Метод за отваряне на прозорец на JavaScript

JavaScript предлага вградени методи за отваряне и затваряне на прозореца на браузъра за извършване на допълнителни операции като прозорец на робот и т.н. Тези методи помагат за отваряне или затваряне на изскачащи прозорци на прозореца на браузъра. Следват методите на прозореца:

    отворен() близо()

The прозорец.отворен метод се използва за отваряне на нова уеб страница в нов прозорец и прозорец.затвори метод за затваряне на уеб страница, отворена от метода window.open. Вижте подробно метода window.open():

Window.open()

Това е предварително дефиниран метод на прозорец на JavaScript използва се за отваряне на новия раздел или прозорец в браузъра. Това ще зависи от настройката на браузъра ви или от параметрите, предадени в метода window.open(), че ще се отвори нов прозорец или раздел.

Този метод се поддържа от почти всички популярни уеб браузъри, като Chrome, Firefox и т.н. Следват синтаксисът и параметрите на метода за отваряне на прозореца -

Синтаксис

Тази функция приема четири параметъра, но те не са задължителни.

 window.open(URL, name, specs, replace); 

Или

java динамичен масив

Можете също да използвате тази функция, без да използвате прозорец ключова дума, както е показано по-долу:

 open(URL, name, specs, replace) 

Няма разлика между двата синтаксиса.

Списък с параметри

По-долу е списъкът с параметри на метода window.open(). Имайте предвид, че - всички параметри на този метод са незадължителни и работят по различен начин.

URL: Този незадължителен параметър на функцията window.open() съдържа URL низа на уеб страница, която искате да отворите. Ако не посочите никакъв URL в тази функция, тя ще отвори нов празен прозорец ( относно: празно ).

име: Чрез този параметър можете да зададете името на прозореца, който ще отворите. Поддържа следните стойности:

_празно Преданият URL ще се зареди в нов раздел/прозорец.
_parent URL ще се зареди в родителския прозорец или рамка, която вече е отворена.
_самостоятелно Чрез предаване на този параметър URL адресът ще замени предишния изход и ще се отвори нов прозорец в същия кадър.
_Горна част URL замества всеки набор от рамки, който може да бъде зареден.
Име Въведете името на новия прозорец, за да се покаже текстът или всякакви данни в него. (Забележка - не заглавието на прозореца)

Посочените по-горе стойности се предават в единични или двойни кавички към функцията window.open() на мястото на параметъра име.

спецификации: Този параметър съдържа настройките, които са разделени със запетая. Елементът, използван в този параметър, не може да има бели интервали, например ширина=150,височина=100 .

Поддържа няколко стойности.

замени: Подобно на другите параметри на метода window.open(), това също е незадължителен параметър. Той или създава нов запис, или замества текущия запис в списъка с хронология. Поддържа две булеви стойности; това означава, че връща вярно или невярно:

Вярно Връща true, ако URL замества текущия запис или документ в списъка с хронология.
Невярно Връща false, ако URL създава нов запис в списъка с хронология.

Върнати стойности

Ще върне новоотворен прозорец.

Примери

Ето няколко примера за функция window.open() за отваряне на прозореца/раздела на браузъра. По подразбиране посоченият URL адрес се отваря в нов раздел или прозорец. Вижте примерите по-долу:

1. open() с URL параметър

Това е прост пример за метод за отваряне на прозорец, който съдържа URL адрес на уебсайт. Използвали сме бутон. Като щракнете върху този бутон, методът window.open() ще извика и ще отвори уебсайта в нов раздел на браузъра.

Копиране на код

 Click the button to open new window <br> <br> Open Window 
Тествайте сега

Или

Този код може да бъде написан, както е дадено по-долу -

Копиране на код

 function openWindow() { window.open(&apos;https://www.javatpoint.com&apos;); } Click the button to open new window <br> <br> Open Window 
Тествайте сега

Изход

Когато щракнете върху това Отворен прозорец бутон, сайтът на javatpoint ще се отвори в нов раздел в същия прозорец.

Метод за отваряне на прозорец на JavaScript

Вижте екранната снимка по-долу:

Метод за отваряне на прозорец на JavaScript

2. open() без параметри

В този пример няма да предаваме никакъв параметър към функцията window.open(), така че новият раздел да се отвори в предишния прозорец.

Копиране на код

 function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window 
Тествайте сега

Изход

Когато изпълните горния код, ще се появи бутон с него.

Метод за отваряне на прозорец на JavaScript

Когато щракнете върху това Отворен прозорец бутон, ще се отвори празен прозорец в нов раздел.

Метод за отваряне на прозорец на JavaScript

3. open() с параметри на името

В този пример ще посочим _parent в параметъра име. Можете да подадете всяка от тези стойности (_parent, _blank, _top и т.н.) в него.

Копиране на код

 function openWindow() { window.open(&apos;https://gmail.com&apos;, &apos;_parent&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 
Тествайте сега

Изход

Изпълнете кода и получете резултата, както е дадено по-долу. Това ще съдържа бутон за щракване и отваряне на новия URL адрес в същия родителски прозорец.

Метод за отваряне на прозорец на JavaScript

Когато щракнете върху този бутон, Gmail ще се отвори под същия родителски прозорец.

как да промените низ на int
Метод за отваряне на прозорец на JavaScript

Когато подадете различните стойности във втория параметър, ще видите разликата за различните стойности.

4. Определете размера на новия прозорец

В този пример ще посочим височината и ширината на новия прозорец. За целта ще използваме третия параметър ( спецификации ) в метода window.open() и предайте височината и ширината на прозореца, разделени със запетая, на тази функция. Така прозорецът ще се отвори в посочения размер.

Копиране на код

 function openWindow() { window.open(&apos;&apos;, &apos;&apos;, &apos;width=300,height=200&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 
Тествайте сега

Изход

Изпълнете горния код и получете резултата, както е дадено по-долу. Това ще съдържа бутон за щракване и отваряне на новия URL адрес в същия родителски прозорец.

Метод за отваряне на прозорец на JavaScript

Когато щракнете върху този бутон, ще се отвори нов празен прозорец под родителския прозорец на размера.

Метод за отваряне на прозорец на JavaScript

Имайте предвид, че можете също да подадете URL адреса към метода window.open(), за да отворите всеки уебсайт.

Отворете нов прозорец с име и съобщение

Можем да покажем всеки дефиниран от потребителя текст или форма в нов прозорец, който ще отворим при натискане на бутон. За целта трябва да предоставим произволно име на новия прозорец и да напишем текст в него. Това име ще премине към метода window.open(). Вижте кода по-долу как ще се реализира с действителното кодиране.

Копиране на код

 function openWindow() { var newtab = window.open(&apos;&apos;, &apos;anotherWindow&apos;, &apos;width=300,height=150&apos;); newtab.document.write(&apos;<p> This is &apos;anotherWindow&apos;. It is 300px wide and 150px tall new window! </p>&apos;); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window 
Тествайте сега

Изход

Изпълнете кода и получете резултата, както е дадено по-долу. Той ще съдържа бутон за щракване и отваряне на новия URL адрес в същия родителски прозорец.

Метод за отваряне на прозорец на JavaScript

Когато щракнете върху този бутон, ще се отвори нов прозорец с дефинирано от потребителя съобщение под родителския прозорец с размер 300*150.

Метод за отваряне на прозорец на JavaScript

JavaScript предлага и вградения метод, т.е. close() за затваряне на прозореца на браузъра.

Затворете прозореца, отворен от window.open()

В този пример ще ви покажем как да затворите прозореца или раздела, отворен от метода window.open(). Първо, ще отворим URL адрес на уебсайт в нов прозорец (размерът е определен в кода) с помощта на щракване върху бутон и след това ще използваме друг бутон, за да затворим отворения прозорец. Вижте кода по-долу как ще бъде направено:

Копиране на код

 Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( &apos;https://www.javatpoint.com/&apos;, &apos;_blank&apos;, &apos;width=500, height=350&apos;); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint 
Тествайте сега

Изход

Когато изпълните кода, ще получите отговора, както е показано по-долу:

Метод за отваряне на прозорец на JavaScript

Щракнете върху Отворете Javatpoint бутон, за да отворите уебсайта на урока по Javatpoint. Посочили сме размера (височина и ширина) на новия изскачащ прозорец за отваряне.

Метод за отваряне на прозорец на JavaScript

Ако щракнете върху Затворете Javatpoint този отворен прозорец ще бъде минимизиран.

Поддръжка на браузър

Няколко уеб браузъра поддържат метода window.open(), като например:

  • Chrome
  • Mozilla Firefox
  • Internet Explorer (IE)
  • Опера
  • Safari и др.

Можете да използвате и стартирате метода window.open() на тези по-горе браузъри.

Забележка: Можете да използвате метода close() на JavaScript, за да затворите отворения прозорец на браузъра или раздела, отворен от window.open(). Ще го обсъдим по-подробно в следващата глава.