|
|
|
Javascript |
Giriş,Değişkenler,Kullanım Şekilleri | | *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.
Döküman Kurtefendy Tarafindan SaVSaK.CoM Için yazilmistir.
Yeni Konu açmiyorum bu konu altindan dökümanlara devam.
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","hasan","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,False,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('http://SaVSaK.CoM,",")" 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>
|
Böyyük Patron Tarafından 02-11-2007 Tarihinde Gönderilmiştir.
Bu Konuyu Yazdır
Kaynak : |
|
|
|
