Metoda Window open()

Definicja i użycie

open() Metoda otwiera nowe okno przeglądarki lub nową kartę, w zależności od ustawień przeglądarki i wartości parametrów.

Zobacz również:

Metoda close()

Przykład

Przykład 1

Otwórz "www.codew3c.com" w nowej karcie przeglądarki:

window.open("https://www.codew3c.com");

Spróbuj sam

Poniżej znajdują się więcej przykładów.

Gramatyka

window.open(parametr url., name, features, parametru)

Parametr

Parametr opis
parametr url.

Opcjonalne. URL strony do otwarcia.

Jeśli nie określono parametr url., otworzy nowe puste okno lub kartę.
name Opcjonalne. Atrybut target lub nazwa okna.
features Opcjonalne. Lista elementów oddzielonych przecinkami, bez spacji.
parametru

Przestarzałe.

Określa, czy URL tworzy nowy wpis, czy zastępuje bieżący wpis w liście historii.

Obsługuje następujące wartości:

  • true - URL zastępuje bieżący dokument w liście historii
  • false - URL tworzy nowy wpis w liście historii

Ostrzeżenie:Chrome używa parametru Parametr wywołuje wyjątek.

Parametr name obsługuje następujące wartości:

wartość opis
_blank URL jest ładowany do nowego okna lub karty. Domyślnie.
_parent URL jest ładowany do ramki nadrzędnej.
_self Zastąp aktualną stronę URL.
_top URL zastępuje każdą możliwą framework set, który może być załadowany.
name nazwa okna (nie określa tytułu okna).

parametr features obsługuje następujące wartości:

wartość opis
fullscreen=yes|no|1|0 czy wyświetlać przeglądarkę w trybie pełnego ekranu. Domyślnie jest to nie. Okna w trybie pełnego ekranu muszą być w trybie kinowym. Dotyczy tylko IE.
height=pixels wysokość okna, wyrażona w pikselach. Minimalna wartość to 100.
left=pixels położenie lewe okna (współrzędna X), wyrażone w pikselach. Nie dopuszcza się wartości ujemnych.
location=yes|no|1|0 czy wyświetlać pole adresu. Dotyczy tylko Opera.
menubar=yes|no|1|0 czy wyświetlać pasek menu.
resizable=yes|no|1|0 czy okno można zmieniać rozmiar. Dotyczy tylko IE.
scrollbars=yes|no|1|0 czy wyświetlać paski przewijania. Dotyczy tylko IE, Firefox i Opera.
status=yes|no|1|0 czy dodać pasek stanu.
titlebar=yes|no|1|0 czy wyświetlać pasek tytułów. Zostanie zignorowane, chyba że wywoływana aplikacja jest aplikacją HTML lub zaufanym oknem dialogowym.
toolbar=yes|no|1|0 czy wyświetlać pasek narzędzi przeglądarki. Dotyczy tylko IE i Firefox.
top=pixels położenie górne okna (współrzędna Y), wyrażone w pikselach. Nie dopuszcza się wartości ujemnych.
width=pixels szerokość okna, wyrażona w pikselach. Minimalna wartość to 100.

zwróconej wartości

odniesienie do nowego okna, jeśli zawiedzie, to null.

szczegóły techniczne

opis

open() metoda szuka już istniejącego okna lub otwiera nowe okno przeglądarki. Jeśli name parametr określił już istniejące okno, zwraca odniesienie do tego okna. Zwrócone okno będzie wyświetlać parametr url. parametr określony dokument, ale ignoruje features parametr. W przypadku znajomości tylko nazwy okna, jest to jedyny sposób, w jaki JavaScript może uzyskać odniesienie do tego okna.

nie określony name parametr, lub jeśli określone okno nie istnieje, wtedy open() metoda tworzy nowe okno przeglądarki. To nowe okno będzie wyświetlać parametr url. parametr określony URL, jego nazwa przez name określony, rozmiar oraz elementy kontrolne przez features parametr określa. Jeśli parametr url. jest pusta strona, wtedy open() otwiera nowe okno.

name parametr określa nazwę nowego okna. Nazwa ta może zawierać tylko cyfry, litery lub podkreślenia. Może ona służyć jako znacznik <a> i <form> wartości właściwości target, aby zmusić dokument do wyświetlenia się w tym określonym oknie.

gdy używa się metody Window.open() Podczas ładowania nowego dokumentu do istniejącego okna, można mu przekazać parametru do deklarowania, czy nowy dokument ma mieć swoją pozycję w historii przeglądarki, czy zastąpić pozycję bieżącego dokumentu. Jeśli parametru Jeśli wartość to true, nowy dokument zastąpi stary dokument. Jeśli wartość to false, lub pominięta, nowy dokument będzie miał swoją pozycję w historii przeglądarki. Funkcja tego parametru jest podobna do Location.replace() funkcji dostarczanych. Metoda

Nie myl Window.open() Metoda jest podobna do Metoda Document.open(), aby uczynić swój kod zrozumiałym, najlepiej używać Window.open(), a nie używać open(). W定义为 HTML atrybutu wydarzenia, zazwyczaj funkcję open() interpretuje się jako Document.open(), więc w tym przypadku, musisz użyć Window.open().

Cechy okna

features parametr to lista cech, które mają być wyświetlone w oknie, oddzielonych przecinkami. Jeśli wartość tego opcjonalnego parametru jest pusta lub pominięta, okno wyświetli wszystkie cechy. Jednak, jeśli features określona cecha, to cechy, które nie występują w tej liście, nie będą wyświetlane w oknie. Należy zauważyć, że ta ciągła znaków nie zawiera żadnych spacji lub białych znaków, a format każdego elementu wygląda tak:

feature[=value]

Dla większości cechvalue Jej wartość to yes lub no. Te cechy po równiku i value Wartości można pominąć, jeśli występuje ta cecha, zakładamy value Wartość to yes, jeśli nie występuje, zakładamy value Wartość to no. Jednak, wartości width lub height value Wartość jest obowiązkowa, koniecznie podaj ich wartości w pikselach.

Wspieranie przeglądarek

Wszystkie przeglądarki wspierają open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane Wspierane

Więcej przykładów

Przykład 2

Otwórz stronę about:blank w nowym oknie/ zakładce:

var mojeOkno = window.open("", "", "width=200,height=100");

Spróbuj sam

Przykład 3

Otwórz nowe okno o nazwie "MsgWindow" i w nim wpisz kilka tekstów:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
mojeOkno.document.write("<p>To jest 'MsgWindow'. Jestem szeroki na 200px i wysoki na 100px!</p>");

Spróbuj sam

Przykład 4

Zastąp bieżące okno nowym oknem:

var mojeOkno = window.open("", "_self");
myWindow.document.write("<p>Zastąpiłem bieżące okno.</p>")}

Spróbuj sam

Przykład 5

Otwórz nowe okno i kontroluj jego wygląd:

window.open("https://www.codew3c.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");

Spróbuj sam

Przykład 6

Otwórz wiele kart:

window.open("http://www.google.com/");
window.open("https://www.codew3c.com/");

Spróbuj sam

Przykład 7

Otwórz nowe okno. Następnie użyj close() do zamknięcia tego okna:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // Otwieranie nowego okna
}
function closeWin() {
  myWindow.close();   // Zamknięcie tego nowego okna
}

Spróbuj sam

Przykład 8

Otwórz nowe okno. Użyj właściwości name, aby zwrócić nazwę nowego okna:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>Nazwa tego okna to: " + myWindow.name + "</p>");

Spróbuj sam

Przykład 9

Użyj właściwości opener, aby zwrócić odniesienie do okna tworzącego nowe okno:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Otwieranie nowego okna
myWindow.document.write("<p>To jest 'myWindow'</p>");   // Tekst w nowym oknie
myWindow.opener.document.write("<p>To jest okno źródłowe!</p>");  // Tworzenie nowego okna w oknie tworzącym tekst

Spróbuj sam