Hafta 14 - Javascript Önemli Nesneler ve Özellikleri PDF

JAVASCRIPT’ TE BAZI ÖNEMLİ NESNELER ve ÖZELLİKLERİ 1. window nesnesi Tarayıcıda açık olan pencereye window nesnesi denir. a) yeni pencere açmak: window.open("adres","pencere adı","pencere özellikleri"); Örnek: değişken = window.open("http://tbmyo.nku.edu.tr");...

JAVASCRIPT’ TE BAZI ÖNEMLİ NESNELER ve ÖZELLİKLERİ 1. window nesnesi Tarayıcıda açık olan pencereye window nesnesi denir. a) yeni pencere açmak: window.open("adres","pencere adı","pencere özellikleri"); Örnek: değişken = window.open("http://tbmyo.nku.edu.tr"); Örnek: değişken =window.open("http://www.nku.edu.tr", "deneme", "menubar=no, toolbar=no, scrollbars=yes, location=yes, width=200, height=300,left=100, top=100"); b) pencereyi kapatma: pencere_değişkeni.close(); // açılan pencere kapanır window.close(); // kodun bulunduğu pencere kapanır c) window.location.protocol : sekmede açık olan sayfanın protokolünü verir. http: web sayfası ftp: dosya aktarım protokolü smtp: eposta gönderme file: yerel kaynaktaki dosya veya dizin imap - pop : eposta alma değişken = window.location.protocol; d) window.location.href : sekmede açık olan sayfanın adresini verir veya o adrese yönlendirir. değişken = window.location.href; // adres alma window.location.href = "URL Adresi"; e) window.history.go(Parametre): Web tarayıcıda ileri veya geri gitme işlemlerini yapar. Parametre: -1 geri Parametre: 1 ileri f) window.status: Tarayıcıdaki durum çubuğuna mesaj yazma işlemi. window.status = "Mesaj"; 2. Navigator Nesnesi( Tarayıcı programı ) appName: Tarayıcı programının adı appVersion: Tarayıcı programının versiyonu 3. Screen Nesnesi ( Ekran ) screen.width: Ekran çözünürlüğünün genişliği screen.height: Ekran çözünürlüğünün yüksekliği screen.colorDepth: Renk derinliği screen.availWidth: Kullanılabilir genişlik screen.availHeight: Kullanılabilir yükseklik 4. Form Nesnesi....... Javascript açısından formlar birer nesnedir. Formların javascript tarafındaki adı forms tur. Sayfadaki tüm formlar forms isimli dizi altında tutulur. Form içindeki elemanlarda elements isimli dizi altında tutulur. Javascript tarafından form elemanına ulaşma: 1. document.getElementById("isim").value; 2. document.getElementsByName("isim")[indis].value; 3. forma ve elemanlarına name ile isim verilmişse aşağıdaki gibi de erişilebilir. document.FormAdi.NesneAdi.value; 4. name veya id ile değil sıra no ile erişim: document.forms[indis].elements[indis].value; Örnek 1: Ekran bilgilerini gösteren web sayfası. Başlıksız Belge function goster() { bilgi="Çözünürlük: "+screen.width+"x"+screen.height; bilgi+="Renk derinliği: "+screen.colorDepth; document.getElementById("bilgi").innerHTML=bilgi; } EKRAN BİLGİLERİNİ GÖSTER Örnek 2: Tarayıcı bilgilerini gösteren web sayfası Başlıksız Belge function goster() { bilgi="Yazılım Adı: "+navigator.appName; bilgi+="Yazılım Versiyonu: "+navigator.appVersion; document.getElementById("bilgi").innerHTML=bilgi; } TARAYICI BİLGİLERİNİ GÖSTER Örnek 3: Yeni sekme işlemleri yapan web sayfası Başlıksız Belge function git() { adres=document.getElementById("adres").value; p1=window.open(adres,"deneme", "menubar=no, toolbar=no, scrollbars=no, location=no, width=200, height=300,left=100, top=100"); window.status="Yeni pencere açıldı!"; } function kapat() { p1.close(); } GİT YENİ KAPAT Örnek 4: Formdaki metin kutusundan değer alıp paragrafta gösteren web sayfası. function degeriAl() { //deger=document.frm1.t1.value; deger=document.forms.elements.value; document.getElementById("bilgi").innerHTML=deger; } DEĞERİ AL Örnek 5: Top resmini web sayfası içinde hareket ettiren web sayfası. Başlıksız Belge var xartim=5, yartim=5, x=100, y=100; function basla() { gen=window.innerWidth-70; yuk=window.innerHeight-70; if(x>=gen) xartim=-5; if(x=yuk) yartim=-5; if(y