Najnowsze tutoriale tworzenie stron internetowych
 

Okno open() Method

<Okno Object

Przykład

Otwarte "www.w3ii.com" w nowym oknie przeglądarki:

window.open("http://www.w3ii.com");
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

open() metoda otwiera nowe okno przeglądarki.

Wskazówka: Użyj close() metodę, aby zamknąć okno.


Wsparcie przeglądarka

metoda
open() tak tak tak tak tak

Składnia

window.open( wartości parametrów
Parametr Opis
URL Opcjonalny. Określa adres URL strony, aby otworzyć. Jeśli nie zostanie określony adres URL, nowe okno about: blank jest otwarty
name Opcjonalny. Określa target atrybut lub nazwę okna. Obsługiwane są następujące wartości:
  • _blank - URL jest ładowany w nowym oknie. Jest to domyślny
  • _parent - URL jest ładowany do ramki nadrzędnej
  • _self - URL zastępuje bieżącą stronę
  • _top - URL zastępuje żadnych ramek, które mogą być załadowane
  • name - nazwa okna (Uwaga: nazwa nie określa tytuł nowym oknie)
specs Opcjonalny. Oddzielonych przecinkami lista elementów, bez białych znaków. Obsługiwane są następujące wartości:

channelmode=yes|no|1|0 Czy aby wyświetlić okno w trybie teatralnym. Domyślnie nie ma. tylko IE
directories=yes|no|1|0 Przestarzały. Czy należy dodać przyciski katalogów. Domyślną jest yes. tylko IE
fullscreen=yes|no|1|0 Czy aby wyświetlić przeglądarkę w trybie pełnoekranowym. Domyślnie nie ma. Okno w trybie pełnoekranowym musi być również w trybie teatralnym. tylko IE
height=pixels Wysokość okna. Min. Wartość 100
left=pixels Lewa pozycja okna. Wartości ujemne nie są akceptowane
location=yes|no|1|0 Czy ma być wyświetlany w polu adresu. tylko opera
menubar=yes|no|1|0 Czy aby wyświetlić pasek menu
resizable=yes|no|1|0 Czy okno jest skalowalny. tylko IE
scrollbars=yes|no|1|0 Czy do wyświetlania pasków przewijania. IE, Firefox i Opera tylko
status=yes|no|1|0 Czy nie dodać pasek stanu
titlebar=yes|no|1|0 Czy aby wyświetlić pasek tytułowy. Ignorowane, chyba że aplikacja wywołująca jest aplikacją HTML lub okno dialogowe zaufany
toolbar=yes|no|1|0 Czy aby wyświetlić pasek narzędzi przeglądarki. tylko IE i Firefox
top=pixels Górna pozycja okna. Wartości ujemne nie są akceptowane
width=pixels Szerokość okna. Min. Wartość 100

zastąpić Opcjonalny. Określa, czy adres URL tworzy nowy wpis lub zastępuje obecną pozycję na liście historii. Obsługiwane są następujące wartości:
  • prawda - URL zastępuje bieżący dokument na liście historii
  • false - URL tworzy nowy wpis w liście historii

Szczegóły techniczne

Zwracana wartość: Odwołanie do nowo utworzonego okna lub null, jeśli połączenie nie powiodło się

Przykłady

Więcej przykładów

Przykład

Otworzyć about: blank stronę w nowym oknie:

var myWindow = window.open("", "", "width=200,height=100");
Spróbuj sam "

Przykład

Otwórz nowe okno o nazwie "MsgWindow" i napisać jakiś tekst do niego:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
Spróbuj sam "

Przykład

Zastąpić bieżące okno z nowym oknie:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
Spróbuj sam "

Przykład

Otwórz nowe okno i kontrolować jego wygląd:

window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
Spróbuj sam "

Przykład

Otworzyć wiele okien:

window.open("http://www.google.com/");
window.open("http://www.w3ii.com/");
Spróbuj sam "

Przykład

Otwórz nowe okno. Użyj close() , aby zamknąć nowe okno:

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

function closeWin() {
    myWindow.close();   // Closes the new window
}
Spróbuj sam "

Przykład

Otwórz nowe okno. Użyj właściwości name, aby powrócić nazwę nowym oknie:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
Spróbuj sam "

Przykład

Korzystanie z własności otwieracz do powrotu odniesienie do okna, który stworzył nowe okno:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window
Spróbuj sam "

<Okno Object