Javascript Dersleri(Giriş,Değişkenler,Kullanım Şekilleri)

aKaLes · #1 16-09-2007, 01:12

DERS-1:Ilk olarak degisken özellikleri,sayfa içinde kullanimlarini anlatip writeln ve prompt-if-then-elseye giris yapacaz.

DERS-2: ,new array fonksiyonu,degiskenlerin kullanimi(ileri seviye) alert ve mantiksal ifadeler.

DERS-3: JavaScript Yazim Kurallari ve pencere açma(window.open)Komutu

*Degiskenler mutlaka bir harf ile baslamalidir.(adi,soyadi,telefonu,ahmet,mehmet)

*Degiskenleri sonlarina koydugumuz “;” sayesinde hatalarin önüne geçeriz,bu komutla bir nevi Kodlamami incele deriz..

degisken örnegi;

var adi=mehmet; / degiskene adi adini verdik

var soyadi=alp; /yine degiskene soyadi adini verdik

var adi_soyadi=adi + soyadi; /burda degiskene adisoyadi adini verdik ve adi + soyadini topla dedik + isaretiyle.

Simdi bunlari hesapladik ancak sayfaya Basmamiz gerekiyor Bunuda writeln Komutuyla yapacagiz.Javascript diger diller gibi ingilizce üzerine kurulmustur,birçok komut ingilizcedir.write=yaz

document.write(”Adi ve Soyadi” , adi_soyadi, “!”);

ayni sekilde sayi toplayabilirsiniz veya bir diger degiskeni yazmak için alt satira geçmenize gerek yok degiskenden sonra , atarsaniz diger degiskeni yazabilirsiniz.

Simdide prompt();

Javascriptte ziyaretçiden bilgi almamin 2 yolu vardir biri html yardimiyla form digeriyse prompt() komutudur.

prompt (”soru” , “cevap”)
var soru = prompt (”soru”,”cevap”)

prompt() la ilgili bir örnek yazip Inceleyelim.

<!–//
var ad = prompt (”adiniz” , “Adiniz?”);ad degiskeninde prompt açtirdik ve adi sorduk.
document.write(”Merhaba, ad , “!”);write komutuyla ad degiskeninden aldigimiz bilgiyi sayfaya yazdirdik.
//–>

Simdide javascriptte if-then-else konusunu inceleylim.Hemen hemen her programlama dilinde if-then-else ayni amaçla kullanilir.

if(x==y)

if(belirlenen sartlar saglanirsa)

else(sartlar saglanmazsa,yanlis)

var örn = prompt(”Nasilim?” , “iyi veya Kötü”);
if(örn = = “iyi”) {
alert (”eyvallah!”);
}else{
alert(”kaybol!”);
}

if-else bir örnek daha

var yas = prompt (”Kaç Yasindasin” ,”Sadece Rakam Giriniz”);
if (yas==”18-60″)
{
document.write (”Senin Yasin ” , yas , ” “)
document.write (”Güzel bir yas” )
}
else
{
document.write (”Iyi Günler”)
}
–>

*Mutlaka if ile baslamalidir.

scriptlerin Çalismasi Için kodlarinizi

<body>
<script language=”JavaScript“>
<!– //
scriptlerin Çalismasi için kodlar buraya yazilcak
//–>
</script>
</body>

seklinde yazmalisiniz.

DERS-2: ,new array fonksiyonu,degiskenlerin kullanimi(ileri seviye) alert ve mantiksal ifadeler.

alert;

alertle kullaniciyi uyarabilir,herhangi bir konu hakkinda bilgi verebilirsiniz.

alert örnegi;

<html>
<script language=”javascript“>
function kurtbaba()
{
alert(”alert örnegi”)
}
</script>
<body>
<center>
<p><b>Alert</b></p>
<input type=”button” value=”alert” onclick=”kurtbaba()”>
</body>
</html>

Simdide 2 degisken tanimlayalim,ve bunlari sayfa içine koydugumuz 2 butonla tek tek çagiralim alertle yine.

<html>
<title>alert,degisken çagirma örnegi</title>
<script language=”javascript“>
var sayi = ‘2′
var sayi1= ‘1′
function kurtbaba1()
{
alert(”kurtbaba1. fonksiyon, sayidegiskeniniçagirdik =”+sayi)
}
function kurtbaba2()
{
alert(”kurtbaba2, sayi1degiskeniniçagirdik =”+sayi )
}
</script>
<body>
<center>
<p><b>Genis alert,degisken örnegi</b></p>
<p>1.degiskenimizi çagiriyoruz</p>
<input type=”button” value=”sayi” onclick=”kurtbaba1()”><br>
<p>2.degiskenimizi çagiriyoruz</p>
<input type=”button” value=”sayi1″ onclick=”kurtbaba2()”>
</body>
</html>

Burdada dikkat edilmesi gerekn nokta diger örneklerde function komutunu kullanmadik function=fonksiyon,1.ci functionda kurtbaba1′i tanimlayip ve çagirdik yine 2.functiondayda kurtbaba2 yi tanimlayip çagirdik

Simdide new Array komutunu anlatalim,javascriptte sevdigim en güzel özelliklerden biri bir örnek verip açiklayalim.

<html>
<script language=”javascript“>
function newarray_örnek()
{
var isim
isim = new Array(”ahmet”,”mehmet”,”aydin”,”sercan”,”ezgi”,”ha san”,”Hüse yin”,”emin”)
alert(”aileniz= “+isim[0]+isim[1]+isim[2]+isim[3]+isim[4]+isim[5]+isim[6]+isim[7])
}
</script>
<body>
<center>
<p><b>Dizi Degisken ÖrneGi<b></p>
<input type=”button” value=”newarray’aörnek” onclick=”newarray_örnek()”>
</body>
</html>

Simdi burda isim adinda bir degisken olusturduk new Array komutu sayesinde alertte ayni degisken üzerinden istedigimzi bilgileri [0],[1] ,[3] vs vs devam eder gösterebilirsiniz. array fonksiyonunda dikkat etmeniz gerekn tek nokta yazim biçimidir

new array seklinde yazarsaniz çalismaz.

new Array seklinde olmalidir,A mutlaka büyük olmalidir.

Simdilik bu kadar yeter uykum geldi iyi geceler

DERS-3 JavaScript Yazim Kurallari ve pencere açma(window.open)Komutu

Yazim Kurallari Javascriptte oldukça önemli bir Konudur yapilan en ufak hata script in çalismamasina neden olur bu yüzden kurallarina uygun sekilde kodlama yapmak gerekir.

*Tanimladiginiz her degiskenden sonra Mutlaka “;” koymalisiniz aksi takdirde script çalismaz.

*Degisken adlarinda bosluk birakilamaz.

*Ayrica javascripttte bazi komutlar vardirki Bunlar degisken ismi olamaz Simdi size degisken olamayacak bir kaç komutu söyleyeyim.

degisken array,alert,short,static,location,netscape,True,Fa lse,while, window, string,long, math,menubar,number,setTimeout… gibi adlar alamaz. Tam liste için google kullanin.

*js kodlariniz mutlaka <body> </body> taglari arasinda olmalidir.

*Degisken sayi-karakterle baslayamaz. Yazim kurallari hakkinda konunun en basinda da 1-kaç özellik yazmistim Bu kadar yeterli Simdilik.

Simdide window.open KOmutu:Adindanda anlasildigi gibi window=pencere open=aç pencere aç

Birazdan bir-kaç örnekle anlatacagim tam olarak ama bir iki fonksiyon var onlari anlatayim.

top = 30 : Pencernin ne kadar yukarida olacagini belirtir.

Location=100:Pencerenin adres kutusnu belirtir.

left 60:Pencernin ne kadar solda olacagini belirler.

width = 400:Pencere genisligini ifade eder.

height = 250:Pencere yüksekligini ifade eder.

menubar=yes:Menü çubugunu belirtir.

screenx=100: Ne kadar solda oalcagini belirtir,IE de bu komut çalismaz.

scrollbars : Kaydirma çubuklarini gösterip,göstermemeye yarar. scrollbars=yes,no

Küçük bir window.open örnegi;

<input type=”button” onclick=”window.open(’ value=”Pencerede Aç.” />

Burda js inputtan aldigi buton Komutla sayfayi onclick yaaprak yeni pencerede açacaktir.

Bunu Su sekildede yapabilirsiniz.

<html>
<head>
<title>Yeni Pencerede açma,yeni sayfa örnegi<title>
<script language=”JavaScript“>
function pencere()
{
//sayfa l ink: kurtbaba.php
window.open(”kurtbaba.php”) }
</script>
</head>
<body>

Burdada ilk örnege göre function komutyla fonksiyon belirledik ve kurtbaba.php sayfamizi açtirdik open komutuyla. tarafından hazırlanmıştır

~~B737~~ · #2 27-09-2007, 07:18

Paylaşım için teşekkürler ...

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
kullanım koşullarını kabul etme butonu (javascript)	banias	Javascript kodları	1	06-08-2008 09:27
Javascript nedir.. giriş ve gelişme..	cunobag	Javascript	9	05-06-2008 12:34
Dreamweaver Kullanım Dersleri(alıntıdır)	Girly™	Yeni Başlayanlara WebmasterSitesi	3	21-05-2008 07:00
Programlamaya giriş dersleri ders -3- DENETİMLER	Celebrian	Visual Basic & Action script	4	24-12-2007 12:32
CSS Dersleri -Giriş-	aKaLes	CSS	0	21-11-2007 11:39

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder