JAVASCRIPT TARAYICI NESNELERİ
Özellik : Açıklama
closed : Pencerenin kapatılıp kapatılmadığını sorgular, true ya da false değerlerini döndürür.
defaultStatus : Tarayıcının durum çubuğuna istenilen metni yazmaya yarar.
document : Document nesnesinde anlatılmıştır.
frames : Mevcut pencere içindeki frame ve iframe nesnelerinin bir listesini verir.
history : History nesnesinde anlatılmıştır.
innerHeight : Web sayfasının penceredeki görünen yüksekliğini verir.
innerWidth : Web sayfasının penceredeki görünen genişliğini verir.
location : Location nesnesinde anlatılmıştır.
name : Mevcut pencereye bir isim vermek için kullanılır.
navigator : Navigator nesnesinde anlatılmıştır.
opener : Mevcut pencereyi açan pencerenin referansını verir.
outerHeight : Tarayıcı (brovvser) penceresinin menüler ve çubuklar dahil dış yüksekliğini verir.
outerWidth : Tarayıcı penceresinin dış genişliğini verir.
pageXOffset : Yatay kaydırma çubuğunun mevcut soldan kaydırma değerini verir.
pageYOffset : Dikey kaydırma çubuğunun mevcut üstten kaydırma değerini verir.
parent : Mevcut pencere bir frame, iframe veya object elementleri içinde açılması durumunda ana window nesnesinin referansını verir.
screen : Screen nesnesinde anlatılmıştır.
screenLeft : Açılan yeni pencerenin ana pencereye göre soldan göreceli değerini verir.
screenTop : Açılan yeni pencerenin ana pencereye göre üstten göreceli değerini verir.
screenX : Ekran ile tarayıcının sol kenarları arasındaki değeri piksel cinsinden verir.
screenY : Ekran ile tarayıcının üst kenarları arasındaki değeri piksel cinsinden verir.
self : Aktif pencereyi verir.
top : En üstteki tarayıcı penceresini verir.
Metod : Açıklama
alert( ) : Bilgi/uyarı vermek amacı ile açılan mesaj kutularıdır.
blur( ) : Mevcut pencerenin focus özelliğinin kaybedilmesini sağlar.
clearlnterval( ) : setlnterval metodu ile ayarlanmış tekrarlama işlemini iptal eder.
clearTimeout( ) : setTimeout metodu ile ayarlanmış zamanlama işlemini iptal eder.
close( ) : open ile açılan pencereyi kapatır.
confinn( ) : Onay kutusuyla kullanıcı tarafından yönlendirilme olanağı tanır.
createPopup( ) : Pop-up pencere açar.
focus( ) : Mevcut veya open metodu ile açılan pencereye odaklanmayı sağlar.
moveBy( ) : Mevcut pencerenin bulunduğu x ve y koordinatlarından girilen miktarda yatay ve dikey eksende taşınmasını sağlar.
moveTo( ) : Girilen değere göre pencereyi konumlandırır.
open( ) : Belirtilen URL adresini girilen özelliklere göre yeni bir pencerede açar.
print( ) : Web sayfasını içeriğini yazıcıya döken arayüzü açar.
prompt ( ) : Kullanıcıdan bilgi girişi yapılması istenilen penceredir.
resizeBy( ) : Pencerenin yükseklik ve genişliğinin belirtilen miktarda uzatılmasını/kısaltılmasını sağlar.
resizeTo( ) : Pencere boyutlarının belirtilen yükseklik ve genişlikte boyutlandırılmasını sağlar.
scrollBy( ) : Kaydırma çubuklarını mevcut konumlarından belirtilen miktar kadar kaydırılmasını sağlar.
scrollTo( ) : Kaydırma çubuklarının belirtilen yatay ve dikey konumlara konumlandırılmasını sağlar.
setlnterval( ) : Belirtilen bir fonksiyonun veya kodun belirtilen süre sonunda tekrar çalıştırılmasını sağlar.
setTimeout( ) : Belirtilen bir fonksiyonun veya kodun belirtilen süre sonunda bir kere çalıştırılmasını sağlar.
defaultStatus KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> window.defaultStatus="DURUM ÇUBUĞU"; </script> |
frames KULLANIMI
1 2 3 4 5 | <iframe></iframe> <iframe></iframe> <script type="text/javascript"> document.write("toplam "+window.frames.length+" adet ifrema var"); </script> |
name KULLANIMI
1 2 3 4 5 6 7 | <script type="text/javascript" language="javascript"> function pencereac(){ x=window.open('','YENİ PENCERE','width=200,height=200'); x.document.write("BU SAYFANIN ADI : "+x.name); } </script> <button name="pencereac" onClick="pencereac()">Pencere Aç</button> |
innerHeight KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("PENCERE YÜKSEKLİĞİ "+window.innerHeight); </script> |
innerWidth KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("PENCERE GENİŞLİĞİ "+window.innerWidth); </script> |
outerHeight KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("tarayıcının dışg yüksekliği "+window.outerHeight); </script> |
outerWidth KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("tarayıcının dış genişliği "+window.outerWidth); </script> |
pageXOffset KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("tarayıcı yatay kaydırma çubuğu soldan kaydırma değeri "+window.pageXOffset); </script> |
pageYOffset KULLANIMI
1 2 3 | <script type="text/javascript" language="javascript"> document.write("tarayıcı yatay kaydırma çubuğu soldan kaydırma değeri "+window.pageYOffset); </script> |
screenY/screenX/screenLeft/screenTop KULLANIMI
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript" language="javascript"> function pencereac2(){ x=window.open('','YENİ PENCERE','width=200,height=200'); x.document.write("screenY : "+window.screenY+"<br>"); x.document.write("screenX : "+window.screenX+"<br>"); x.document.write("screenLeft : "+window.screenLeft+"<br>"); x.document.write("screenTop : "+window.screenTop+"<br>"); } </script> <button name="pencereac" onClick="pencereac2()">Pencere Aç 2</button> |
METOTLAR
alert KULLANIMI
1 2 3 4 5 6 7 8 | <input type="text" name="uyarimetni" id="uyariver"> <button name="mesaj" onClick="uyari()">UYARI VER</button> <script type="text/javascript" language="javascript"> function uyari(){ var x=document.getElementById('uyariver').value; alert(x); } </script> |
1 2 3 4 5 6 7 8 9 10 | <button id="penac" name="butonac" onClick="penac()">PENCERE AÇ</button> <button id="penkapat" name="butonkapat" onClick="penkapat()">PENCERE AÇ</button> <script type="text/javascript" language="javascript"> function penac(){ pn=window.open("","AÇILAN PENCERE", "width=200,height=200"); } function penkapat(){ pn.close(); } </script> |
confirim KULLANIMI
1 2 3 4 5 6 7 | <button name="onay" onClick="onaykutu()">Onay Kutusu</button> <script type="text/javascript" language="javascript"> function onaykutu(){ pncon=window.confirm("İŞLEME ONAY VERİYORMUSUNUZ"); pncon?alert("İŞLEM TAMAM"):alert("İŞLEM İPTAL"); } </script> |
open KULLANIMI
open(“URL”,”NAME”,”ÖZELLİKLER”);
URL:
Açıklacak olan link belirlenir.
NAME:
name:Pencerenin adını belirler.
_blank:İçeriği yeni bir pencerede açar.
_parent:Mevcut pencere bir frame içerisinde ise açılacak pencere bir üst pencerede açılır.
_self:Pencereye aynı sekmede açar.
_top: İçerik mevcut pencerede en üstte açılır.
ÖZELLİKLER
directories:Pencerede yer imleri çubuğunun olup olmamasını sağlar.no,1,0 değerleri alır.
fullscreen:Pencerenin tam ekran modunda olup olmayacağını belirler.no,1,0
height:Pencere yüksekliğini piksel cinsinden sever.
left:Pencerenin soldan koordinatını ayarlar.
location:Adres satırının gösterilip gösterilmeyeceğini belirler.
menubar:Pencerenin üst bölümünde yer alan tarayıcı(browser) menü çubuğunu belirler.
resizable:Pencerenin boyutlarının değiştirilip değiştirilmeyeceğini belirler.
scrolbars:Pencere yatay kaydırma çubuklarının olup olmayacağını belirler.
titlebar:Pencere tam ekran açılmışsa başlık çubuğunun gösterilip gösterilmeyeceğini belirler.
toolbar:Pencere tarayıcılarının ileri-geri vs. düğmelerinin gösterilip gösterilmeyeceğini belirler.
top:Pencerenin üst kordinatlarını ayarlar.
width:Pencere genişliğini piksel cinsinden belirler.
status:Pencere durum çubuğunun olup olmayacağını ayarlar.
1 2 3 4 5 6 7 8 9 10 | <button onClick="penopen()" name="pncac">PENCERE AÇ</button> <button onClick="pncop()" name="pnckpt">PENCERE KAPAT</button> <script type="text/javascript" language="javascript"> function penopen(){ pncop=window.open("http://www.caglarbostanci.com.tr","_blank","left=300,top=300,width=400,height=400,menubar=no,toolbar=no,titlebar=no,status=0,location=0,"); } function pencl(){ pncop.close(); } </script> |
print KULLANIMI
1 2 3 4 5 6 | <button onClick="yazdir()" name="yazdir">SAYFAYI YAZDIR</button> <script type="text/javascript" language="javascript"> function yazdir(){ window.print() ; } </script> |
prompt KULLANIMI
1 2 3 4 5 6 7 8 | <button onClick="msjkutusu()">MESAJ KUTUSU</button> <script type="text/javascript" language="javascript"> function msjkutusu(){ var cglr=window.prompt("LÜTFEN BİR DEGER GİRİNİZ",""); if(cglr){ alert(cglr);} } </script> |
scrollBy KULLANIMI
1 2 3 4 5 6 7 8 9 10 | <button onClick="scrlart()" name="pncac">SCROLLBY ARTIR</button> <button onClick="scrlazl()" name="pnckpt">SCROLLBY AZALT</button> <script type="text/javascript" language="javascript"> function scrlart(){ window.scrollBy(20,+50); } function scrlazl(){ window.scrollBy(20,-50); } </script> |
setInterval/clearInterval KULLANIMI
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <button onClick="intvlbaslat2()" name="pncac">interval başlat</button> <button onClick="intvlkapat()" name="pnckpt">interval başlat</button> <div id="metinalani"></div> <script type="text/javascript" language="javascript"> var cglrbstnci; var say=0; function intvlbaslat(){ say++; document.getElementById('metinalani').innerHTML=say; } function intvlbaslat2(){ intvlbaslat(); cglrbstnci=window.setInterval('intvlbaslat()','100'); } function intvlkapat(){ window.clearInterval(cglrbstnci); } </script> |
setTimeout/clearTimeout KULLANIMI
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <button onClick="baslat()" name="pncac">setTimeout başlat</button> <div id="settime"></div> <script type="text/javascript" language="javascript"> var cglrid; var cglrsyc; function baslat(){ cglrsyc=0; cglrsay(); } function cglrsay(){ cglrsyc++; document.getElementById('settime').innerHTML=cglrsyc; cglrid=window.setTimeout('cglrsay()','1000'); cglrkontrol(); } function cglrkontrol(){ if(cglrsyc==20){ window.clearTimeout(cglrid); } } </script> |