javascript İkinci ve Üçüncü hafta

JavaScriptİkinci ve Üçüncü Hafta

JavaScript de Döngüfor ... Döngüsüfor (sayac = 1 ; sayac < 101 ; sayac++)

{ … //Bu bölümdeki komut(lar) 100 kez icra edilecek!}

JavaScript de Döngüwhile ... DöngüsüWhile (şart)

{ … //Yapılacak işler}

JavaScript de Döngüdo ... while Döngüsü

do{ …. // En az bir kere yapılacak iş}while( şart )

… // Şart gerçeklenmediğinde yapılacak işler

JavaScript de DöngüBreak İfadesi

Döngü içinde kullanılır. Bir döngü içerisinde break ifadesini

kullandığımız noktada döngü koşulları ne olursa olsun sonlanır.

(if gun==13) break

JavaScript de DöngüContinue İfadesi

Kullanıldığı yerde döngünün o adımının atlanmasını sağlar.

(if sayac==23) continue

JavaScript de fonksiyonJavaScript de olaylar, tanımı ve kullanımı Web sayfası üzerinde yapılan işlemlerin oluş

anlarında tetiklenen yordamlardır.Örneğin sayfa üzerinde bulunan bir düğmeye

tıklanması veya farenin yine sayfa üzerinde bulunan bir nesne üzerine gelmesi birer olaydır.

<form name=isim olayAdı=“fonksiyon()”>

Düğmelerin, resimlerin, sayfadaki linklerin tıklanması

onClick

farenin link veya resim üzerine gelmesi onOver

tarayıcı penceresinin kapatılması onClose

tarayıcı bir web sayfasını yüklemeyi bitirdiğinde tetiklenir

onLoad

giriş yapmak için nesnenin seçilmesi onFocus

farenin resim üzerinden çekilmesi onBlur

farenin bir link, resim gibi nesnelerin üzerine gelmesi sırasında tetiklenir

onMouseover

form içerisindeki reset düğmesine tıklandığında tetiklenir

onReset

text veya textarea alanları içinde bulunan metin içinde bir seçme yapıldığında tetiklenir.

onSelect

Kullanıcı form içerisinde bulunan submit özelliğine sahip düğmeyi tıkladığında tetiklenir. TRUE veya FALSE döner.

onSubmit

JavaScript de nesne ve metod JavaScript tam anlamıyla nesneye yönelik

(object oriented) değildir.Ancak nesne tabanlı (object based) olarak

tanımlanabilir.Hazır nesneleri kullanma“new” operatörü ile yeni nesne oluşturmaÖzellik ve metod tanımlama ve iptal etme

JavaScript tarayıcının nesne modeline bağlı olarak çalışır.

a) window Nesnesialert() Bilgi veren bir pop-up pencere açar

close() Bildirilen pencereyi kapatır.

confirm(mesaj)Kullanıcıya onay isteyen bir pop-up pencere açar.

open(url, isim, özellik)

Tanımlanan özelliklerde yeni bir pencere açar.

prompt(mesaj, ilkdeğer)

Kullanıcıdan veri almaya yönelik bir pop-up pencere açar.

status() Pencerenin durum çubuğuna yazı yazdırır.

setTimeOut(ifade,zaman)

Milisaniye cinsinden belirtilen süre sonunda istenilen işi gerçekleştirir.

clearTimeout(id)Bir üstteki metodun durdurulması için kullanılır

open() Metoduwidth Pencerenin genişliğinin piksel cinsinden

değeri

height Pencerenin yüksekliği piksel cinsinden değeri

top Pencerenin ekranın üst kenarından uzaklığının piksel cinsinden değeri

left Pencerenin ekranın sol kenarından uzaklığının piksel cinsinden değeri

toolbar Araç çubuğunun olması(yes) veya olmaması(no)

menubar Menubar'ın olması(yes) veya olmaması(no)

status Status bar'ın olması(yes) veya olmaması(no)

location Browser'ın location çubuğunun olması (yes) veya olmaması.

history() MetoduÖzellikler: length geçmişte ziyaret edilmiş linklerin sayısıcurrent şu anda ziyaret edilen URLnext kullanıcı “ileri (forward)” düğmesine bastığında

gidilecek adres previous kullanıcı “geri (backward)” düğmesine bastığında

gidilecek adres

Metotlar: back() Tarayıcının “ileri (forward)” düğmesinin işlevini taşır forward() Tarayıcının “geri (backward)” düğmesinin işlevini

taşır go(x) History’de x tamsayısının + veya – değerine göre

ileri/geri gider

location() MetoduÖzellikler: host URL’in host ismini ve port numarasını hostname URL’in host ismini href URL’in tamamını pathname Nesnenin belirttiği dosya ya da dosya

yolunu port URL’in port numarasını protocol URL’in protokol bilgilerinin olduğu kısmını

döndürür ya da belirler

Metotlar: assign(“URL”) Yeni bir doküman yükler reload() Mevcut dokümanı yeniden yükler. replace(“URL”) Mevcut dokümanı belirtilenle değiştirir

b) navigator Nesnesi

Appname Browser’ın adı

AppVersion Browser’ın sürümü

AppCodeName

Browser’ın kod adı

UserAgentBrowser server’a kendisini tanıtırken verdiği isim.

c) document NesnesiÖzellikler:

alinkColor kullanılan linklerin rengini belirler

bgColor dokümanın arka plan rengi

fgcolor dokümanın metin rengi

forms tüm formları indeksleyen dizi oluşturur

images tüm resimleri indeksleyen dizi oluşturur

linkColor kullanılmayan linklerin rengini belirler

lastModified en son değiştirme tarih ve zamanını tutar

links tüm linkleri indeksleyen dizi oluşturur

location yüklü web dokümanının URL adresini belirler

referrer yüklü web dokümanına hangi URL’den gelindiğini belirler

title yüklü web dokümanının başlığını belirler

c) document Nesnesiclear() Yüklü dokümanı temizler

close() Open() ile açılan dokümanı kapatır.

open() Write() ile yazmak için bir doküman aralığı açar.

write() writeln()

Dokümana metin ya da kod yazar.

Buraya kadar anlatılanlar tarayıcıya ait nesnelerdir.

window

frame document location history

anchor forms image link

checkboxbutton

selectradio

submitreset

textareatext

filepassword

option

d) array() NesnesiMetod Açıklama Kullanımı

toString()Dizi nesnesini String tipinde karakter katarına çevirir.

document.write(sayilar.toString());

join()

toString’e benzer. Ancak karakter katarına çevirirken araya seçilen ayıracı yerleştirir. Ayıraç kullanılmazsa ‘,’ ekler.

document.write(sayilar.join(‘;’));

reverse()Diziyi tersten yeniden sıralar

document.write(sayilar.reverse());

sort()Dizide alfabetik sıralama yapar.

document.write(sayilar.sort());

Örnek

e) string() Nesnesikonu = “Örnekler” //değişkeninin değeri

“Örnekler” olduMetod ismi Örnek

length konu.lengthanchor konu.anchor("bağlantı")bold konu.bold()charAt konu.charAt(4)italics konu.italics()link konu.link("index. html")small konu.small()sub konu.sub()toLowerCase konu.toLowerCase()toUpperCase konu.toUpperCase()

Örnek

f) date() NesnesigetYear()getMonth()getDate()getDay()getTime()getHours()getMinutes()getSeconds()