Window open() yöntemi

Tanım ve Kullanım

open() Yeni bir tarayıcı penceresi veya yeni bir sekme açar, bu durum tarayıcı ayarlarınız ve parametre değerlerinize bağlıdır.

Ayrıca bkz:

close() yöntemi

Örnek

Örnek 1

"www.codew3c.com" yeni bir tarayıcı sekmesinde açılır:

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

Kişisel olarak deneyin

Sayfa altında daha fazla örnek sağlanmaktadır.

Sözdizimi

window.open(url, name, features, replace)

Parametre

Parametre tanım
url

Opsiyonel. Açılacak sayfanın URL'si.

Belirtilmemişse urlyeni bir boş pencere veya sekme açar.
name Opsiyonel. target özelliği veya pencerenin adı.
features Opsiyonel. Virgülle ayrılmış, boşluk içermeyen öğe listesi.
replace

Kullanılmıyor.

URL'nin yeni bir girdi oluşturup oluşturmayacağını belirler.

Aşağıdaki değerleri destekler:

  • true - URL tarih listesindeki mevcut belgeyi değiştirir
  • false - URL tarih listesinde yeni bir girdi oluşturur

Uyarı:Chrome kullanırken replace parametreyi atarken istisna atılır.

name parametresi aşağıdaki değerleri destekler:

değer tanım
_blank URL yeni bir pencere veya sekmede yüklenir. Varsayılan.
_parent URL ebeveyn çerçevesine yüklenir.
_self URL mevcut sayfayı değiştirir.
_top URL, yükleyebileceği herhangi bir çerçeve setini değiştirir.
name pencerenin adı (pencere başlığını belirtmez).

features parametresi aşağıdaki değerleri destekler:

değer tanım
fullscreen=yes|no|1|0 tarayıcıyı tam ekran modunda gösterir mi. Varsayılan olarak hayır. Tam ekran modundaki pencere de sinema modunda olmalıdır. Sadece IE için geçerlidir.
height=pixels pencerenin yüksekliği, piksel cinsinden. En küçük değeri 100'dür.
left=pixels pencerenin sol konumu (X koordinatı), piksel cinsinden. Negatif değerlere izin verilmez.
location=yes|no|1|0 adres alanını gösterir mi. Sadece Opera için geçerlidir.
menubar=yes|no|1|0 menü çubuğunu gösterir mi.
resizable=yes|no|1|0 pencere büyütülebilir mi. Sadece IE için geçerlidir.
scrollbars=yes|no|1|0 sarmal çubuğunu gösterir mi. Sadece IE, Firefox ve Opera için geçerlidir.
status=yes|no|1|0 durum çubuğunu ekler mi.
titlebar=yes|no|1|0 başlık çubuğunu gösterir mi. Çağrılan uygulama HTML uygulaması veya güvenilir bir diyalog ise dışarıda bırakılır.
toolbar=yes|no|1|0 tarayıcı araç çubuğunu gösterir mi. Sadece IE ve Firefox için geçerlidir.
top=pixels pencerenin üst konumu (Y koordinatı), piksel cinsinden. Negatif değerlere izin verilmez.
width=pixels pencerenin genişliği, piksel cinsinden. En küçük değeri 100'dür.

dönüş değeri

yeni pencereye referans döner, çağrı başarısız olursa null döner.

teknik ayrıntılar

tanım

open() method zaten mevcut olan bir pencereyi bulur veya yeni bir tarayıcı penceresi açar. Eğer name parametresi belirtilmişse zaten mevcut olan pencereye referans döner. Dönen pencere url parametresi belirtilen belgeyi, features parametresi. Yalnızca pencere adını bilirseniz, bu, JavaScript'in o pencereye referansını elde etmenin tek yolu.

belirtilmemişse name parametreyi veya belirttiği pencerenin不存在不存在 ise open() method yeni bir tarayıcı penceresi oluşturur. Bu yeni pencere url parametresi belirtilen URL, adı name belirtilirse, boyut ve kontrolcüler features parametresi belirtilir. Eğer url boş bir dize ise open() yeni bir pencere açar.

name parametresi yeni pencerenin adını belirtir. Bu adda sadece rakamlar, harfler veya alt çizgiler出现可以出现数字、字母或下划线。它可以作为标记 <a> ve <form> target özelliğinin değeri, belgenin bu belirli pencerede görüntülenmesini zorlamak için kullanılır.

kullanılır Window.open() Var olan belirli bir pencereye yeni bir belge yüklemek için, ona replace parametresinin işlevleri ile aynıdır.} replace parametresi true ise, yeni belge eski belgeyi değiştirir. Eğer değeri false ise veya atlanırsa, yeni belge pencerenin tarayıcı geçmişinde kendi girdisini oluşturur. Bu parametre sağlanan parametresi, yeni belgenin pencerenin tarayıcı geçmişinde kendi girdisini sahip olup olmadığını veya mevcut girdiyi değiştirip değiştirmeyeceğini belirler. Eğer Location.replace() yöntemi

sağlanan işlevler çok benzerdir. Window.open() ile karıştırılmamalıdır Document.open() yöntemikullanılmamalıdır, kodunuzu net ve anlaşılır tutmak için Window.open()olarak açıklanır open()kullanılmalıdır. Tanımlanmış HTML özellikleri的事件 işleyicisinde, genellikle fonksiyon open() Document.open()için, bu durumda, Window.open().

Pencere özellikleri

features parametresi, pencereye gösterilmesi gereken özelliklerin listesidir, özellikler virgülle ayrılmıştır. Bu seçmeli parametrenin değeri boşsa veya atlanırsa, pencere tüm özellikleri görüntüler. Ancak, features belirli bir özelliği belirttiğinde, bu listeye çıkmayan özellikler pencerede görüntülenmez. Dikkat edilmesi gereken, bu dizgi herhangi bir boşluk veya boşluk karakteri içermemektedir, her bir unsura aşağıdaki gibi formatta bulunmaktadır:

feature[=value]

Çoğu özellik için,value Değerleri yes veya no olabilir. Bu özelliklerin ardından eşittir işareti ve value Değerler göz ardı edilebilir, eğer bu özellik ortaya çıktıysa, onun value Değer yes'tir, eğer ortaya çıkmazsa, varsayılan olarak value Değer no'dur. Ancak, width veya height özelliklerinin value Değerler zorunludur, kesinlikle onların piksel değerlerini belirtmelisiniz.

Tarayıcı desteği

Tüm tarayıcılar destekler open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Desteklenen Desteklenen Desteklenen Desteklenen Desteklenen Desteklenen

Daha fazla örnek

Örnek 2

Yeni pencere/sekmede about:blank sayfasını açın:

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

Kişisel olarak deneyin

Örnek 3

Yeni adlı "MsgWindow" penceresini açın ve içerisine bazı metin yazın:

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

Kişisel olarak deneyin

Örnek 4

Yeni pencereyle mevcut pencereyi değiştir:

var myWindow = window.open("", "_self");
myWindow.document.write("<p> Mevcut pencereyi değiştirdim. </p>")}

Kişisel olarak deneyin

Örnek 5

Yeni pencereyi açın ve görünümünü kontrol edin:

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

Kişisel olarak deneyin

Örnek 6

Çok sayıda etiket açın:

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

Kişisel olarak deneyin

Örnek 7

Yeni pencere aç. Sonra bu pencereyi close() ile kapatın:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // Yeni pencere aç
}
function closeWin() {
  myWindow.close();   // Bu yeni pencereyi kapat
}

Kişisel olarak deneyin

Örnek 8

Yeni pencere aç. Yeni pencerenin adını name özelliği ile döndürün:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p> Bu pencerenin adı: " + myWindow.name + "</p>");

Kişisel olarak deneyin

Örnek 9

opener özelliği ile yeni pencereyi oluşturan pencereye referans döndürün:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Yeni pencere aç
myWindow.document.write("<p> Bu 'myWindow' </p>");   // Yeni pencere içindeki metin
myWindow.opener.document.write("<p> Bu, kaynak penceresidir! </p>");  // Yeni pencere oluşturan pencerenin içindeki metin

Kişisel olarak deneyin