Java Notu
Java Notu
Belirtilen koşul doğru (True) olduğu müddetçe sayacı birer arttırarak belirtilen komutları istenen sayıda
tekrarlar.
Örnekler
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function sayi_gir()
{
icerik = prompt("En fazla kaç yıldız olsun (1 ... 15) :","");
if (icerik>15 || icerik<1) { alert("Lütfen sınırlara uyunuz ! (1 ... 15) "); sayi_gir(); }
}
function yildiz(icerik)
{
var satir_atla = '<br>';
var sayac1=null;
var sayac2=null;
for (sayac1=0; sayac1 < icerik; sayac1++)
{ for (sayac2=0; sayac2 < sayac1; sayac2++)
{ [Link][0].elements[0].value+='*'
}
[Link][0].elements[0].value+='\n';
}
}
</script>
</head>
<body background="../../../../zemin/[Link]">
<div class="ortala">
<form name="deneme">
<textarea cols="16" rows="16"> </textarea> <br><br>
<input type="reset" value=" S i l ">
<input type="button" value=" Yıldız sayısı gir " onClick="[Link][0].elements[0].value='';
sayi_gir(); yildiz(icerik)">
</form>
</div>
<p class="ortala"><a href="#" onclick="[Link]()">
<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>
</body>
</html>
Örnek
Ekranı kaydırır
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function kaydir()
{
for (i=1; i<=1800; i++) /* 1800 sayısı dosyanın uzunluğuna bağlı olarak arttırılmalıdır */
{
[Link](1,i) /* i sayısı sayfanın kayma hızını belirler */
}
}
</script>
</head>
</body>
</html>
For ... in
Function tablo (n) { for (var i=0; i < n; this[i] = i; }
Örnek
Function for-ve-in()
{
A = new tablo(4);
for (c in A)
{
alert(c);
}
}
Örnek
If
a) If (koşul) { doğruysa } else { yanlışsa } : koşula bağlı olarak ilk veya ikinci parantezdeki komutu veya
komutları çalıştırır
Örnekler
Örnek
Durum satırına yanıp sönen mesaj ekler
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
</head>
<script language="javascript">
var mesaj = "Bu sayfaları sık sık ziyaret ediniz ... ";
var hiz = 400;
var visible = 0;
function yanson()
{
if (visible == 0)
{
[Link] = mesaj; visible =1;
}
else { [Link] = " "; visible = 0; }
setTimeout('yanson()', hiz);
}
</script>
</body>
</html>
Örnek
Faktoryel hesaplar
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function sayi_gir()
{
icerik = prompt("Faktoryeli hesaplanacak sayıyı girin :","");
if (icerik>100 || icerik<0) { alert("Lütfen sınırlara uyunuz ! (0 ...100) "); sayi_gir(); }
}
function faktoryel(n)
{
return (n == 0) ? 1 : n*faktoryel(n-1);
}
</script>
</head>
<body background="../../../../zemin/[Link]">
</body>
</html>
Örnek
Yıldızlarla üçgen çizer
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function sayi_gir()
{
icerik = prompt("En fazla kaç yıldız olsun (1 ... 15) :","");
if (icerik>15 || icerik<1) { alert("Lütfen sınırlara uyunuz ! (1 ... 15) "); sayi_gir(); }
}
function yildiz(icerik)
{
var satir_atla = '<br>';
var sayac1=null;
var sayac2=null;
for (sayac1=0; sayac1 < icerik; sayac1++)
{ for (sayac2=0; sayac2 < sayac1; sayac2++)
{ [Link][0].elements[0].value+='*'
}
[Link][0].elements[0].value+='\n';
}
}
</script>
</head>
<body background="../../../../zemin/[Link]">
<div class="ortala">
<form name="deneme">
<textarea cols="16" rows="16"> </textarea> <br><br>
<input type="reset" value=" S i l ">
<input type="button" value=" Yıldız sayısı gir " onClick="[Link][0].elements[0].value='';
sayi_gir(); yildiz(icerik)">
</form>
</div>
</body>
</html>
Örnek
Eposta adresini kontrol eder
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<script language="JavaScript">
function Kontrol()
{
if ([Link] == '' )
// hiç bir şey girilmemişse uyarı mesajı bas
{ alert("Adres alanını boş bırakmayınız !"); [Link](); return false; }
else AdresKontrol([Link]);
}
function Kontrol()
{
if ([Link] == '' )
// hiç bir şey girilmemişse uyarı mesajı bas
{ alert("Adres alanını boş bırakmayınız !"); [Link](); return false; }
else AdresKontrol([Link]);
}
function AdresKontrol(adres)
{
var pespeseat=0;
var pespesenokta=0;
var pespeseatvenokta=0;
var pespesenoktaveat=0;
var atyanlisyerde=0;
var noktayanlisyerde=0;
var turkcesayaci=0;
var ozelkaraktersayaci=0;
var ozelnoktalamasayaci=0;
var bosluksayaci=0;
var atsayaci=0;
var noktasayaci=0;
if (adres!=='')
{
for (var i=0; i0)
{ alert("Girdiğiniz adresi kontrol ediniz : @ işareti en başta veya en sonda kullanılmış");
[Link](); exit; }
if (noktayanlisyerde>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Nokta işareti en başta veya en sonda kullanılmış");
[Link](); exit; }
if (turkcesayaci>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Türkçe karakter kullanılmış");
[Link](); exit; }
if (ozelkaraktersayaci>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Özel karakter kullanılmış");
[Link](); exit; }
if (ozelnoktalamasayaci>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Özel noktalama işareti kullanılmış");
[Link](); exit; }
if (bosluksayaci>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Adreste boşluk kullanılmış");
[Link](); exit; }
if (atsayaci==0)
{ alert("Girdiğiniz adresi kontrol ediniz : @ işareti hiç kullanılmamış");
[Link](); exit; }
if (noktasayaci==0)
{ alert("Girdiğiniz adresi kontrol ediniz : Nokta işareti hiç kullanılmamış");
[Link](); exit; }
if (noktasayaci>3)
{ alert("Girdiğiniz adresi kontrol ediniz : Çok fazla sayıda nokta işareti kullanılmış");
[Link](); exit; }
if (pespeseat>0)
{ alert("Girdiğiniz adresi kontrol ediniz : @ işareti peşpeşe kullanılmış");
[Link](); exit; }
if (pespesenokta>0)
{ alert("Girdiğiniz adresi kontrol ediniz : Nokta işareti peşpeşe kullanılmış");
[Link](); exit; }
if (pespeseatvenokta>0)
{ alert("Girdiğiniz adresi kontrol ediniz : @ ve nokta işareti peşpeşe kullanılmış");
[Link](); exit; }
if (pespesenoktaveat>0)
{ alert("Girdiğiniz adresi kontrol ediniz : nokta ve @ işareti peşpeşe kullanılmış");
[Link](); exit; }
</script>
</head>
<body background="../../../../zemin/[Link]">
<hr>
<div class="ortala">
<table border="0" cols="1" width="80%" height="100px">
<tr>
<td>
<p>Eposta :
<input type="text" name="adresiniz" size="35"><br>
Örnek: [Link]@[Link], ender@@sj, enderustungel@sjk12tr vs...
</td>
</tr>
</table>
</div>
<p></p>
<hr>
<div class="ortala">
<table Border="0" cols=3 width="80%" height="50" >
<tr>
<td width=35%><p><input type="reset" value=" Sil "></td>
<td width=20%>
<p><a href="#" onclick="[Link]()">
<img src="../../../../oklar/[Link]" Border="0" alt="retour - geri dön - back"></a></td>
<td width=45%><p><input type="button" value=" Gönder " onClick="Kontrol()">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
EBOB hesaplar
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
<script language="JavaScript">
function sayi_gir()
{
icerik = prompt("EBOB'u hesaplanacak sayıyı girin :","")
ebob_bul();
}
function ebob_bul()
{
hedef = icerik;
sayi = icerik;
bitti = false;
while (bitti == false && sayi!=='')
{
sayi--;
if (hedef % sayi == 0)
{
[Link]= sayi;
bitti = true;
}
}
}
</script>
</head>
<div class="ortala">
<form name="deneme">
<input type="button" value=" Sayı gir " onClick="sayi_gir()">
<input type="reset" value=" S i l ">
<br><br>
<p>EBOB : <input type="text" size="5" name="ebob">
</form>
</div>
</body>
</html>
While
Çalışma biçimi For'a benzer. Ancak, belirtilen koşul yanlış (False) oluncaya kadar komutları
çalıştırmaya devam eder.
While (koşul)
{
komutlar
}
EBOB hesaplar
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
<script language="JavaScript">
function sayi_gir()
{
icerik = prompt("EBOB'u hesaplanacak sayıyı girin :","")
ebob_bul();
}
function ebob_bul()
{
hedef = icerik;
sayi = icerik;
bitti = false;
while (bitti == false && sayi!=='')
{
sayi--;
if (hedef % sayi == 0)
{
[Link]= sayi;
bitti = true;
}
}
}
</script>
</head>
<div class="ortala">
<form name="deneme">
<input type="button" value=" Sayı gir " onClick="sayi_gir()">
<input type="reset" value=" S i l ">
<br><br>
<p>EBOB : <input type="text" size="5" name="ebob">
</form>
</div>
</body>
</html>
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
</head>
<body background="../../../../zemin/[Link]">
<p class="baslik">Verilen bir sayının belirtilen bir sınıra kadar çarpanlarını yazar </p>
<div class="ortala">
<form name="deneme">
<p>Sayıyı girin : <input type="text" size="5" name="sayi1" maxlength="5"><br><br>
<p>Sınırı girin : <input type="text" size="5" name="sinir1" maxlength="5"><br><br>
<input type="reset" value=" S i l ">
<input type="button" value=" Hesapla " onClick="carpanlar()"><br><br>
<textarea cols="50" rows="5"> </textarea>
</form>
<script language="JavaScript">
function carpanlar()
{
var sayi = [Link];
var sinir = [Link];
[Link][0].elements[4].value='Çarpanlar: ';
var sayac = 0;
while (++sayac < sinir)
{ if (sayac % sayi != 0) continue;
else { [Link][0].elements[4].value+=sayac; if (sayac<sinir-sayi)
{ [Link][0].elements[4].value+=',' } }
}
}
</script>
</div>
</body>
</html>
Do ... while
Önce komutları çalıştırır, sonra koşulu sınar. En az 1 kere çalışır
switch (değer)
{
case sayısal-değer1 : { komutlar; break; }
case sayısal-değer2 : { komutlar; break; }
default: { hiç bir değere uymuyorsa çalışacak komutlar; }
}
Return
Return değişken : bir fonksiyonun sonucu olan değişkenin değerini gönderir
Örnek
Status bar'a mesaj yazdırınca return false denmezse linklerin adresleri hemen üzerine yazılacağı için
mesaj asla okunamaz, return false bu işlemi engelleyeceği için mesaj okunabilir
Faktoryel hesaplar
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function sayi_gir()
{
icerik = prompt("Faktoryeli hesaplanacak sayıyı girin :","");
if (icerik>100 || icerik<0) { alert("Lütfen sınırlara uyunuz ! (0 ...100) "); sayi_gir(); }
}
function faktoryel(n)
{
return (n == 0) ? 1 : n*faktoryel(n-1);
}
</script>
</head>
<body background="../../../../zemin/[Link]">
<div class="ortala">
<form name="deneme">
<input type="text" size="25" name="f"> <br><br>
<input type="reset" value=" S i l ">
<input type="button" value=" Sayı gir " onClick="sayi_gir();
[Link]=faktoryel(icerik)">
</form>
</div>
</body>
</html>
Array
Var New dizi-ismi Array {"birinci eleman", "ikinci eleman", ..., "sonuncu eleman" }
Veri tipleri
Sayılar : Tam veya Tam olmayan
var sayac = 5;
var r = 7.12;
Mantıksal değerler : True, False
while (sayac < 1) { ... }
Karakter zinciri
var isim = 'Saint Joseph';
Operatörler
< : küçüktür
> : büyüktür
<= : küçük veya eşittir
>= : büyük veya eşittir
--x : önce azalt, sonra komutu çalıştır
++x : önce arttır, sonra komutu çalıştır
x-- : önce komutu çalıştır, sonra azalt
x++ : önce komutu çalıştır, sonra arttır
x+=y : x = x+y
x-=y : x = x-y
x*=y : x = x*y
x/=y : x = x/y
% : tamsayılı bölme (modüler bölme)
&& : And (Ve)
|| : Or (Veya)
! : Not (Değil)
== : Eşitlik
<< : 2'lik tabanda sola kaydır (2 ile çarp)
>> : 2'lik tabanda sağa kaydır (2'ye böl)
Olaylar (Events)
Bu nitelikler grafik kullanıcı arabirimi için düzenlenmiştir ve kullanılan birime direkt bağımlıdır
OnLoad : body
OnSubmit : form
OnUnload : body
[Link]([Link]);
[Link]=fonksiyon();
function fonksiyon() { ... }
Örnekler
<a href="#" onMouseOver='[Link]="Buraya altta görülmesini istediğiniz mesajı
yazınız"';> Deneme adresi </a> : Adresin üzerine gelip çıkıldığında en alt satıra mesaj yazar
Deneme adresi
Deneme adresi
onClick="[Link]()"
onBlur="[Link]=blue"
onMouseOver="fonksiyon()"
onLoad="fonksiyon()"
onMouseOut='[Link](-1);'
Window. metodları
parent, frames, self, top, name, status
location, history, document
links, anchors, forms
elements (button, checkbox, ... )
[Link]();
[Link]();
[Link]();
[Link]();
[Link]();
[Link](aranan, false 'küçük büyük harf farkına bakma', false 'sona doğru ara');
[Link]="mesaj";
[Link]
[Link]
[Link]
[Link][0], frames[1].close(), frames[2].[Link]()
[Link]
[Link]="pencere başlığı"
[Link]
[Link][0]
[Link](mesaj);
[Link];
[Link];
Pencere kapatır
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function pencere_ac()
{
config="scrollbars=no,width=500,height=250,left=100,top=200";
pencere= [Link]("","pencere",config);
[Link]("<Html><Body bgcolor='#FFFFC1' text='#800000' ");
[Link]('<h1> Bu pencereyi alttaki butona tıklayarak kapatabilirsiniz. </h1>');
[Link]('<center><form name="deneme">');
[Link]('<input type="button" value=" Pencereyi kapat "
onClick="[Link]()">');
[Link]('</form></center>');
[Link] ('</Body></Html>');
}
</script>
</head>
<body background="../../../../zemin/[Link]">
</body>
</html>
Örnek
Yeni bir pencereye yazı yazar
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
</head>
<body background="../../../../zemin/[Link]">
<script>
function pencereac()
{
config="scrollbars=no,width=400,height=150,left=200,top=200";
/* pencerenin boyutları değiştirilemesin, genişlik, yükseklik, sol kenara uzaklık, sağ kenara uzaklık */
pencere= [Link]("","pencere",config);
/* pencerenin ismi PENCERE olsun ve yukarıdaki özelliklerle açılsın */
[Link] ("</Body></Html>");
}
</script>
</body>
</html>
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<style type="text/css"> A { text-decoration: none } </style>
<script language="javascript">
var timer = null;
function kapat()
{
[Link]();
}
function pencereac()
{
config="scrollbars=no,width=400,height=150,left=200,top=200";
pencere= [Link]("","pencere",config);
[Link]("<Html><Body bgcolor='#FFFFC1' text='#CE4300' ");
[Link]('<center><h1> Bu pencere 5 sn sonra otomatik olarak kapanır.
</h1></center>');
[Link] ("</Body></Html>");
timer=setTimeout("kapat()",5000);
/* 5000 = 5 saniye */
}
</script>
</head>
<body background="../../../../zemin/[Link]">
</body>
</html>
Örnek
Aktif pencereye başka bir sayfa yükler
[Link]
<html>
<head>
<title>Saint Joseph Fransız Lisesi </title>
<link rel="stylesheet" href="../../../../../../css/[Link]" type="text/css">
</head>
<body background="../../../../../../zemin/[Link]">
<p class="baslik"> Yeni sayfa yüklenecek </p>
<p class="ortala">
<input type="button" value=" Birinci sayfayı yükle " onclick="[Link]='[Link]';"
name="yukle">
</p>
</body>
</html>
[Link]
<html>
<head>
<title>Saint Joseph Fransız Lisesi </title>
<link rel="stylesheet" href="../../../../../../css/[Link]" type="text/css">
</head>
<body background="../../../../../../zemin/[Link]">
<p class="baslik"> Şu anda ilk sayfayı görüyoruz </p>
<p class="ortala">
<input type="button" value=" İkinci sayfayı yükle " onclick="[Link]='[Link]'; "
name="yukle">
</p>
</body>
</html>
Örnek
Ekranı kaydırır
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function kaydir()
{
for (i=1; i<=1800; i++) /* 1800 sayısı dosyanın uzunluğuna bağlı olarak arttırılmalıdır */
{
[Link](1,i) /* i sayısı sayfanın kayma hızını belirler */
}
}
</script>
</head>
</body>
</html>
Math özellikleri
Math.e : 2.71828
Math.ln10 : 2.302
Math.ln2 : 0.6931
[Link] : 3.14
Math.sqrt1_2 : 0.707
Math.sqrt2 : 1.414
Math metodları
abs, acos, asin, atan, ceil, cos(radyan), exp, floor, log, max, min, pow, random, round,
sin(radyan), sqrt, tan(radyan)
Örnek
[Link](100)
[Link](a) : a'dan 1 küçük tam sayı
[Link]() : 0 ile 1 arası rastgele bir sayı
[Link]([Link]()*Sayi) : 0 ile Sayi arasında rastgele bir sayı
[Link](ParseInt(15.923, 19)+"<br>") : 15
Text metodları
"verilen isim".anchor('sayfada gidilecek yer')
.bold() : koyu
.link('dosyanın adı')
Örnek
[Link]("SJ".fontcolor('#000080').bold().fontsize(15));
[Link]("SJ".fontcolor('#800000').fontsize(15));
[Link]("SJ".fontcolor('#AA00FF').bold().fontsize(15));
[Link]("SJ ".substring(0,1).fontcolor('#CC0000').bold());
Document metodları
[Link]
[Link]
[Link]
[Link]
[Link]
Document özellikleri
[Link] : aktif link rengi
[Link] : dokümandaki anchor dizisi
[Link]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta name="author" content="Ender Üstüngel [Link]@[Link]">
<link rel="stylesheet" href="../../../../css/[Link]" type="text/css">
<script language="javascript">
function sayi_gir()
{
icerik = prompt("En fazla kaç yıldız olsun (1 ... 15) :","");
if (icerik>15 || icerik<1) { alert("Lütfen sınırlara uyunuz ! (1 ... 15) "); sayi_gir(); }
}
function yildiz(icerik)
{
var satir_atla = '<br>';
var sayac1=null;
var sayac2=null;
for (sayac1=0; sayac1 < icerik; sayac1++)
{ for (sayac2=0; sayac2 < sayac1; sayac2++)
{ [Link][0].elements[0].value+='*'
}
[Link][0].elements[0].value+='\n';
}
}
</script>
</head>
<body background="../../../../zemin/[Link]">
<div class="ortala">
<form name="deneme">
<textarea cols="16" rows="16"> </textarea> <br><br>
<input type="reset" value=" S i l ">
<input type="button" value=" Yıldız sayısı gir " onClick="[Link][0].elements[0].value='';
sayi_gir(); yildiz(icerik)">
</form>
</div>
</body>
</html>
Bir pencereden diğer bir pencere nasıl kontrol edilir ?
[Link] = yeni sayfa ismi;
[Link](xxx,yyy,zzz,ttt);
[Link]('xxxxxxx');
[Link]();
[Link] : open ile aktif pencereyi açan ana pencereye
[Link] : open ile aktif pencereyi açan ana pencereye
<script language=javascript">
[Link]("<p>deneme 1 </p>");
[Link]("<p>deneme 2 </p>");
</script>