JavaScript Kullanarak Yeni Bir Pencerede Bağlantı Nasıl Açılır

JavaScript, bir bağlantıyı yeni bir pencerede açmanın kullanışlı bir yolunu sunar, çünkü özellikleri ekleyerek pencerenin nasıl görüneceğini ve ekranda nereye yerleştirileceğini kontrol edersiniz.

Degui Adil / EyeEm / Getty Images

JavaScript Penceresi için Sözdizimi Open () Yöntemi

Yeni bir tarayıcı penceresinde bir URL açmak için, burada gösterildiği gibi Javascript open () yöntemini kullanın:

window.open (URL, ad, özellikler, değiştirme)

URL Parametresi

Bir pencereyi açmanın ötesinde, her bir parametreyi de özelleştirebilirsiniz. Örneğin, aşağıdaki kod yeni bir pencere açar ve parametreleri kullanarak görünümünü belirtir.

Yeni pencerede açmak istediğiniz sayfanın URL'sini girin. Bir URL belirtmezseniz, yeni bir boş pencere açılır:

window.open ("https://www.somewebsite.com", "_blank", "araç çubuğu = evet, üst = 500, sol = 500, genişlik = 400, yükseklik = 400");

İsim Parametre

Name parametresi, URL için hedefi belirler. URL'yi yeni bir pencerede açmak varsayılandır ve şu şekilde belirtilir:

  • _blank: URL için yeni bir pencere açar.

Kullanabileceğiniz diğer seçenekler şunları içerir:

  • _self: Mevcut sayfayı URL ile değiştirir.
  • _parent: URL'yi ana çerçeveye yükler.
  • _üst: Yüklenen tüm çerçeve kümelerini değiştirir.

Özellikler Parametresi

Specs parametresi, beyaz boşluk içermeyen virgülle ayrılmış bir liste girerek yeni pencereyi özelleştirdiğiniz yerdir. Aşağıdaki değerlerden birini seçin.

  • yükseklik = piksel: Bu belirtim, yeni pencerenin yüksekliğini piksel cinsinden ayarlar. Girilebilecek minimum değer 100'dür.
  • genişlik = piksel: Bu özellik, yeni pencerenin genişliğini piksel cinsinden ayarlar. Minimum değer 100'dür.
  • sol = piksel: Bu özellik, yeni pencerenin sol konumunu ayarlar. Negatif değer girilemez.
  • top = pikseller: Bu özellik, yeni pencerenin üst konumunu ayarlar. Negatif değerler kullanılamaz.
  • menubar = evet | hayır | 1 | 0: Menü çubuğunun görüntülenip görüntülenmeyeceğini belirtmek için bu özelliği kullanın. Evet / hayır kelimelerini veya 1/0 ikili değer kullanın.
  • durum = evet | hayır | 1 | 0: Bu, bir durum çubuğu eklenip eklenmeyeceğini gösterir. Menü çubuğunda olduğu gibi, kelimeleri veya ikili değerleri kullanmakta özgürsünüz.

Bazı özellikler tarayıcıya özeldir:

  • konum = evet | hayır | 1 | 0: Bu özellik, adres alanının gösterilip gösterilmeyeceğini belirtir. Yalnızca Opera tarayıcısı için.
  • yeniden boyutlandırılabilir = evet | hayır | 1 | 0: Pencerenin yeniden boyutlandırılıp boyutlandırılamayacağını belirler. Yalnızca IE ile kullanım içindir.
  • konum = evet | hayır | 1 | 0: Kaydırma çubuklarının görüntülenip görüntülenmeyeceğini belirtir. Yalnızca IE, Firefox ve Opera ile uyumludur.
  • araç çubuğu = evet | hayır | 1 | 0: Tarayıcı araç çubuğunun gösterilip gösterilmeyeceğini belirler. Yalnızca IE ve Firefox ile uyumludur.

Parametreyi Değiştir

Bu isteğe bağlı parametrenin tek bir amacı vardır - yeni pencerede açılan URL’nin tarayıcı geçmişi listesindeki geçerli girişin yerini alacağını veya yeni bir giriş olarak görünüp görünmeyeceğini belirtmek.

  • Ne zaman gerçekURL, geçmiş listesindeki mevcut tarayıcı girişinin yerini alır.
  • Ne zaman yanlışURL, tarayıcı geçmişi listesinde yeni bir giriş olarak listelenir.