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ę
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