0% found this document useful (0 votes)
8 views23 pages

Java Notu

Uploaded by

mehmetcanerakgul
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views23 pages

Java Notu

Uploaded by

mehmetcanerakgul
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd

For

Belirtilen koşul doğru (True) olduğu müddetçe sayacı birer arttırarak belirtilen komutları istenen sayıda
tekrarlar.

Örnekler

 For (ilk değer; devam koşulu; sayaç) { komutlar }


 For (var sayac=0; sayac < 20; sayac += 2) { alert('Sayaç şu anda' + sayac + 'değerinde') }

Yıldızlarla üçgen çizer

Gereken dosya : [Link]

[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]">

<p class="baslik">Yıldızlarla üçgen çizer </p>

<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

Gereken dosya : [Link]

[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 background="../../../../zemin/[Link]" onLoad="kaydir()">

<P class="baslik">Lise Tarihçesi</P>

Buraya dosyanın içeriği yazılacak

</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

For (prop in navigator)


{ [Link]('navigator' + prop + '
'; }

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

b) (koşul) ? doğruysa : yanlışsa (if'siz kullanım)

Örnekler

 if (confirm("Emin misiniz ?"));


 if (yas > 18) { durum = 'ehliyet alabilir' } else { durum = 'ehliyet alamaz' };

 durum = (yas > 18) ? 'ehliyet alabilir' : 'ehliyet alamaz';

 If (koşul) { [Link]('[Link]') } else { } : koşul doğruysa aktif sayfanın içeriğini


değiştirir

Örnek
Durum satırına yanıp sönen mesaj ekler

Gereken dosya : [Link]

[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]" onLoad="yanson()">


<p class="baslik">Örnek </p>

<p class="koyu">Durum satırına yanıp sönen mesaj ekler </p>

<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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../ok/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Örnek
Faktoryel hesaplar

Gereken dosya : [Link]

[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]">

<p class="baslik">Faktoryel hesaplar</p>


<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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Örnek
Yıldızlarla üçgen çizer

Gereken dosya : [Link]

[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]">

<p class="baslik">Yıldızlarla üçgen çizer </p>

<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
Eposta adresini kontrol eder

Gereken dosya : [Link]

[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; }

else // hiç hata yoksa


{ alert("Eposta adresinde bir hata görülmüyor ! ");
}
}
}

</script>
</head>

<body background="../../../../zemin/[Link]">

<p class="baslik">Eposta adresinizi giriniz </p>

<form name="deneme" method="post" action="[Link] enctype="text/plain">

<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

Gereken dosya : [Link]

[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>

<body background="../../../../zemin/[Link]" onLoad="javascript:sayi_gir()">

<p class="baslik">EBOB hesaplar </p>

<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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../oklar/[Link]" border="0" alt="Retour - Geri dön - Back"></a></p>

</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

Gereken dosya : [Link]

[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>

<body background="../../../../zemin/[Link]" onLoad="javascript:sayi_gir()">

<p class="baslik">EBOB hesaplar </p>

<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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../oklar/[Link]" border="0" alt="Retour - Geri dön - Back"></a></p>

</body>
</html>

Verilen bir sayının belirtilen bir sınıra kadar çarpanlarını yazar

Gereken dosya : [Link]

[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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Do ... while
Önce komutları çalıştırır, sonra koşulu sınar. En az 1 kere çalışır

Do { komutlar } while (koşul)

Switch ... case


switch (değer)
{
case 'alfasayısal-değer1' : { komutlar; break; }
case 'alfasayısal-değer2' : { komutlar; break; }
default: { hiç bir değere uymuyorsa çalışacak komutlar; }
}

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

 Return true : bir fonksiyon çağrıldığında Browser o an yapması gerekeni yapar

 Return false : bir fonksiyon çağrıldığında Browser o an yapması gerekeni yapmaz

Ö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

Gereken dosya : [Link]

[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]">

<p class="baslik">Faktoryel hesaplar</p>

<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>

<p class="ortala"><a href="#" onclick="[Link]()">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Array
Var New dizi-ismi Array {"birinci eleman", "ikinci eleman", ..., "sonuncu eleman" }

Dizi elemanının içeriğini basmak için :


[Link](dizi-ismi[n]);

Dizi elemanının içeriğini bir değişkene atamak için :


[Link][0].[Link] = dizi-ismi[n];
değişken-ismi = dizi-ismi[n];

Dizi elemanının içeriğini değiştirmek için :


dizi-ismi[n] = yeni-içerik;

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';

 Null özel tipi


var r = null; (r şimdi yaratıldı ama içeriği sonra tanımlanacak)

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

 OnBlur : password, select, text, textarea


 OnClick, elemanın üzerine tıklandığında : a href, button, checkbox, radio, reset, submit

 OnDblClick, elemanın üzerine çift tıklandığında

 OnChange : password, select, text, textarea

 OnFocus : password, select, text, textarea

 OnLoad : body

 OnMouseUp, bir elemanın üzerinden geçerken farenin tuşu bırakıldığında

 OnMouseOver, fare bir elemanın üzerine getirildiğinde : a href

 OnMouseDown, bir elemanın üzerinden geçerken tıklandığında

 OnMouseMove, fare bir elemanın üzerinden geçirildiğinde

 OnMouseOut, fare bir elemanın üzerinden çekildiğinde

 OnKeyPress, bir elemanın üzerindeyken bir tuşa basılıp bırakıldığında

 OnKeyDown, bir elemanın üzerindeyken bir tuşa basıldığında

 OnKeyUp, bir elemanın üzerindeyken tuş bırakıldığında

 OnSelect : password, select, text, textarea

 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

 <a href="#" onMouseOver='[Link]=""';> Deneme adresi </a> : Adresin üzerine gelip


çıkıldığında en alt satırdaki mesaj satırını temizler

Deneme adresi

 <a href="" onMouseOver="var name = prompt('Lütfen isminizi yazınız','-----'); alert('Merhaba


'+name+' !')">Kişisel bir mesaj almak için farenizi bu satırın üzerine getiriniz </a>

Kişisel bir mesaj almak için farenizi buraya getiriniz

 onClick="[Link]()"
onBlur="[Link]=blue"
onMouseOver="fonksiyon()"
onLoad="fonksiyon()"

 onMouseOut='[Link](-1);'

 onMouseOut='[Link]();' sayfayı kendi üstüne yükler

 onMouseOut='[Link](url);' history'yi siler

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];

[Link](x, y): x ve y'ye taşı


[Link](x, y) : x ve y kadar genişlet
[Link](x, y) : x ve y'ye genişlet
[Link](x, y) : x ve y kadar kaydır
[Link](x, y) : x ve y kadar kaydır

Pencere kapatır

Gereken dosya : [Link]

[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]">

<p class="baslik">Örnek </p>


<p class="koyu">Pencere kapatır </p>

<p class="ortala"><a href="#" onClick="pencere_ac();">Örneği çalıştır </a></p>

<p class="ortala"><a href="[Link]">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Örnek
Yeni bir pencereye yazı yazar

Gereken dosya : [Link]

[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">Örnek </p>

<p class="koyu">Yeni bir pencereye yazı yazar </p>

<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]("<Html><Body bgcolor='#C1C1FF' text='#000080' ");


/* pencerenin fon rengi ve yazı rengi */

[Link]('<p> </p><center> <h1> Bu pencere yeni açıldı. </h1></center>');


/* pencereye yazılacak mesaj */

[Link] ("</Body></Html>");
}
</script>

<p class="ortala"><a href="#" onClick="pencereac()">Örneği çalıştır </a></p>

<p class="ortala"><a href="[Link]">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Otomatik olarak pencere kapatır

Gereken dosya : [Link]

[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]">

<p class="baslik">Örnek </p>

<p class="koyu">Bir pencere otomatik olarak nasıl kapatılır ? </p>

<p class="ortala"><a href="#" onClick="pencereac()">Örneği çalıştır </a></p>

<p class="ortala"><a href="[Link]"">


<img src="../../../../oklar/[Link]" Border="0" width="15" height="15"></a></p>

</body>
</html>

Örnek
Aktif pencereye başka bir sayfa yükler

Gereken dosyalar : [Link], [Link], [Link] (aslında 01 ve 02 yeterli)


Ana dosya : [Link] (aslında [Link] ile de başlayabilirdik)

[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>

<p class="ortala"><a href="../../ornek/[Link]">


<img src="../../../../../../ok/[Link]" border="0" width="15" height="15"></a>
</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>

<p class="ortala"><a href="../../ornek/[Link]">


<img src="../../../../../../ok/[Link]" border="0" width="15" height="15"></a>
</p>

</body>
</html>

Örnek
Ekranı kaydırır

Gereken dosya : [Link]

[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 background="../../../../zemin/[Link]" onLoad="kaydir()">

<P class="baslik">Lise Tarihçesi</P>


Buraya dosyanın içeriği yazılacak

</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

 .fontColor('#800000') : yazı rengi

 .fontSize(12) : yazı karakterinin büyüklüğü

 .toLowerCase() : küçük harfe dönüştürür

 .toUpperCase() : büyük harfe dönüştürür

 .link('dosyanın adı')

 .charAt(3) : 3. karakter (0'dan başlar )

 .indexOf('sözcük') : ilk rastlandığı yerde sözcüğün ilk harfi kaçıncı pozisyonda

 .indexOf('sözcük',2) : ikinci rastlandığı yerde sözcüğün ilk harfi kaçıncı pozisyonda


 .lastIndexOf('sözcük') : son rastlandığı yerde sözcüğün ilk harfi kaçıncı pozisyonda

 .subString(a,b) : a'ıncı karakterden b tane karakter

Ö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] : fon rengi

 [Link] : yazı rengi

 [Link] : dokümandaki form dizisi

 [Link] : ziyaret edilen link rengi

 [Link] : son değişiklik tarihi

 [Link] : dokümandaki link dizisi

 [Link] : link sayısı

 [Link][n].target : n'inci link

 [Link][n] : n'inci resim

 [Link] : link rengi

 [Link] : dokümanın tam adresi


 [Link] : dokümanın başlığı

 [Link] : bu dokümanı açan dokümanın tam adresi

Yıldızlarla üçgen çizer

Gereken dosya : [Link]

[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]">

<p class="baslik">Yıldızlarla üçgen çizer </p>

<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>
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

[Link]="…" ... ---> ana frame


[Link]="…" frame1 ---> frame2
[Link]="…" parent ---> frame1

Javascript kodları Html dosyada nasıl kullanılır ?


(Head içinde olmalı)
 <Script Language="JavaScript" Src="script-dosyası.js"> External dosya yöntemi </Script>
Javascript kodlarını içeren external metin dosyası önceden hazırlanmış ve kaydedilmiş
olmalıdır

 <Script Language="JavaScript"> Inline JavaScript komutları buraya yazılır </Script>


<Script> tag'larının arasında istenen Javascript komutları ve fonksiyonları kullanılır. Burada
önceden yüklenmek koşuluyla external bir dosya ile tanımlanmış fonksiyonlar da kullanılabilir

Bir Javascript fonksiyonu Html dosyada nasıl


kullanılır ?
 <A Href="javascript:function()">

 <A Href="" OnMouseOver="function()">

Javascript kodları ile dinamik Html dosya nasıl


oluşturulur ?
[Link]() komutu ile oluşturulur

<script language=javascript">
[Link]("<p>deneme 1 </p>");
[Link]("<p>deneme 2 </p>");
</script>

You might also like