Anasayfa / Yazılım / JavaScript / Jquery / JavaScript Window Nesnesi

JavaScript Window Nesnesi

WEB tarayıcı ile ilgili özellik ve metotları barındıran tarayıcı nesnesidir. Bir kaç özelliğine değinelim.

DefaultStatus Özelliği : WEB tarayıcının alt kısmındaki durum çubuğunda mesaj gösterilmesini sağlar. Script komutları arasında herhangi bir yere yazılabilir. Tarayıcıların bir kısmı bu özelliği desteklemezler.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
window.defaultStatus="İsmail GÜRSOY";
</script>

</head>

<body>
</body>
</html>

Alert Metodu: Alert komutu kullanıcıyı bilgilendirmek için uyarı pencereleri oluşturma amaçlı kullanılır.

Ekranda 5 defa uyarı oluşturacak örnek script kodları:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
for (var sayac=1; sayac<6; sayac++)
{
alert("Bu sana " + sayac + ". uyarım, kendini toparla");
}
</script>

</head>

<body>
</body>
</html>

Confirm Metodu:  Yapılan işlem sonucu onay kutusu oluşturmak için kullanılır. Onay kutusunun sonucunda boolean ifade yani true ya da false değeri döner. Buna göre programın akışı belirlenebilir.

Sayfaya bir buton ekleyelim, bu butonu kapatmak için kullanalım bu butona tıklandığında onay isteyen script kodlarını yazalım. Eğer kullanıcı evet derse geriye true dönecek ve sayfadan çıkılacak. Eğer hayır derse geriye false dönecek ve sayfada kalacağız. Ayrıca çıkışta ve sayfada kalışta ek mesaj verdirelim.





Untitled Document









close metodu: Aktif olan tarayıcı sayfasını kapatmak için kullanuılır. Örnek uygulamasını confirm metodunu açıklarken yaptım.

window.close();

şeklinde kullanılır.

Prompt Metodu:  WEB sayfasına dışarıdan veri girişi yapabilmek için kullanılır. Prompt ile alınan bilgi string tipindedir. Herhangi bir değer girilmez ize geriye dönecek değer null olur. Aşağıdaki şekilde kullanılabilir:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
var deger=prompt("Ad Soyad giriniz:");

</script>

</head>

<body>

</body>
</html>

Open Metodu: Yeni bir tarayıcı penceresi açmak için kullanılır. Open metodu 3 parametre almaktadır.

  • URL parametresi: Açılacak sayfanın adresini yazdığımız bölümdür.
  • Name parametresi: Açılacak sayfanın target özelliği içindir. _blank,_self,_parent,_top ve kendi tanımladığımız herhangi bir ismi verebiliriz.
  • Features parametresi:Açılacak sayfanın özelliklerini belirlediğimiz bölümdür. Buradaki parametreler ile sayfanın tam ekran açılması, boyutunun değiştirilip değiştirilemeyeceği, adres çubuğunun gösterilip gösterilmeyeceği gibi birçok özellik değiştirilebilir.

Open metodu bu 3 parametre ile birlikte kullanılabildiği gibi aynı zamanda tek başlarına da kullanılabilir. Örneğin sadece link oluşturmak için URL parametresi kullanılabilir ya da boş bir sayfa açmak için özellik parametreleri tek başlarına kullanılabilir.

Örneğin sadece tanımlanan bağlantıyı açan bir fonksiyon yazalım:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
function baglan()
{
window.open("http://www.ismailgursoy.com.tr");
}

</script>

</head>

<body>

<input type="button" name="baglan" value="Sayfaya Bağlan" onclick="baglan()" />

</body>
</html>

Open metodunun diğer özellikleri aşağıdaki tablodaki gibidir:

2015011801

Print Metodu: Yazdırma penceresini açtırmak için kullanılır. Örnek kullanım:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>

<input type="button" name="yazdir" value="Yazdır" onclick='window.print()'/>

</body>
</html>

Find Metodu: Arama penceresinin açılmasını sağlar. Bazı tarayıcılar desteklemeyebilir. Örnek kullanım:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>

<input type="button" name="ara" value="Ara" onclick='window.find();'/>

</body>
</html>

moveTo Metodu: Sayfayı ekran üzerinde istediğimiz koordin noktarlına taşımak için kullanılır.

Şöyle bir örnek yapalım; 300*300 px olarak açtığımız sayfayı istediğimiz yere götürmemizi sağlayan script kodları yazalım:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">

function yeniPencere()
{
pencere=window.open('','','width=300, height=300');
pencere.document.write("Bu sayfayı yeni oluşturduk.");
}

</script>

</head>

<body>

<input type="button" name="ac" value="Yeni Pencere Aç" onclick="yeniPencere()"/>

<input type="button" name="tasi" value="Pencereyi Taşı" onclick="window.moveTo(800,200)" />

</body>
</html>

 

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir