PHP nin Çıktısı HTML ye,



JAVASCRİPT

Netscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir.Aralık 1995 tarihinde, C dilinin tarayıcılara uyarlanmış hali diyebileceğimiz JavaScript piyasaya sürüldü. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim kurmak için kullanılmaktadır.

Netscape'in piyasaya sürdüğü script dilinin ismini JavaScript koyması, o dönemde çok telaffuz edilen 'Java' kelimesinin popüleritesinden yararlanmak adına uyguladığı bir pazarlama stratejisiydi, yani pek çok kişinin düşündüğünün aksine Java ile JavaScript arasında isim benzerliği hariç hiçbir benzerlik yoktur.

İlk başta yalnızca Netscape tarayıcıları için tasarlanan JavaScript,bir süre sonra Microsoft'un da olaya el atmasıyla ve JavaScript'le neredeyse aynı olan JScript'i piyasaya sürüldü. Fakat sonra bu diller farklı yönlere doğru geliştiler. Şu anda Netscape tarayıcısı JScript'i tanımıyor, fakat Internet Explorer her iki dili de kısmen tanıyor. Yine de iki tarayıcının JavaScript'i yorumlamaları bazen farklılık gösterebiliyor.

Tıpkı HTML gibi, JavaScript kodları da yorumlanmak için bir browser'a ihtiyaç duyarlar. Sonuçta bağımsız olarak çalışabilecek bir dosya oluşmaz. JavaScript bir olay halinde işler; olay JavaScript açısından ziyaretçinin bir yere tıklaması, bir tuşa basması vs. olabilir.

|Ö r n |//HTML'e gömülmüş örnek |Ö r n e|//HTML'e gömülmüş örnek |

|e k 1 | |k 2 | |

| | | | |

| | | | |

| |//programlama dilinin | |//programlama dilinin //JavaScriptolduğunu belirtir |

| |//JavaScript olduğunu belirtir | | |

| |document.write("Merhaba Dünya!"); | |window.alert("Merhaba Dünya!"); |

| | | | |

| |//JavaScript kodu burada biter | |//JavaScript kodu burada biter |

| | | | |

| | | | |

| | | | |

Ağ Tarayıcıları

Ağ tarayıcısı kullanıcıların ağ sunucuları üzerinde yer alan HTML sayfalarını açmasını sağlayan yazılımdır.

Çeşitli ağ tarayıcıları

1. Gecko tabanlı olanlar (Mozilla, Mozilla Firefox, Netscape, Galeon, K-Meleon, Camino)

2. Internet Explorer tabanlı olanlar (Maxthon (Eski adı MyIE2), NetCaptor, Crazy Browser, NeoPlanet, MSN Explorer, Windows Explorer, Avant Browser)

3. KHTML tabanlı olanlar (Konqueror, ABrowse, Apple Safari, OmniWeb (4.5 ve sonrası) )

4. Diğer ağ tarayıcıları( Opera, Oregano, Amaya, iCab, NetPositive, OmniWeb, Dillo, IBrowse, AWeb, Voyager, Espial Escape, HotJava, Arachne, Off By One, Emacs/W3, Grail, SkyKruzer)

5. Metin tabanlı ağ tarayıcılar (ELinks, Lynx, w3m, Links, Netrik)

Not: Bu sayfadaki bilgiler, 24.04.2006 tarihli adresinden alıntıdır.

Script : Minik program parçaları anlamına gelmektedir.

JavaScript de Kullanılan Nesneleri Tanıyalım

[pic]

Resim1: Tüm Tarayıcıların desteklediği Hiyerarşik YAPI (Nesne Haritası)

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim2: Program ve Nesne Haritası (JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim3: Program (Form Eklenmiş) ve Nesne Haritası

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim4: Program (Form ve Text Eklenmiş) ve Nesne Haritası

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim5: Program (Form , Text, Button Eklenmiş) ve Nesne Haritası

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim6: Window ve Document in JavaScript dilindeki karşılığı

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim7: Form nesnesinin JavaScript dilindeki karşılığı

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim8: Text nesnesinin JavaScript dilindeki karşılığı

(JavaScript Bible 4th Edition kitabından alıntıdır).

[pic]

Resim9: Button nesnesinin JavaScript dilindeki karşılığı

(JavaScript Bible 4th Edition kitabından alıntıdır).

window. document yerine sadece document kullanılabilir.

window. document.form1 yerine sadece document.form1 kullanılabilir.

[pic]

Resim10: HTML,Ekran ve JavaScript karşılıkları

JavaScript Programı Nereye Yazılır.

1. Buraya JavaScript’ler yazabiliriz.

3. Buraya ve Buraya JavaScript’ler yazabiliriz.

4. Nesnelerin (=body button, testfield….) olaylarına (=onKeyDown, onMouseMove=) yazılır

JavaScript Programı Nasıl Yazılır.

1. JavaScript kodu olaylar a direkt yazılır. etiketi kullanılmaz.

2. bady veya head bloğu içine yazılan javascript kodları etiketi arasına yazılır.

………..[java script kodlarını buraya yazılır]

3. document.write("Ekrana Yazılacak Yazı") komutu ilk kurulan ekranı siler yeni ekrana içindeki yazıyı yazar. İçine html komutları yazılabilir.

4. Javascript de genellikle her kod bir satıra yazılır (her kod bir satıra yazılınca noktalı virgül [;] kullanılmaz). Aynı satıra birden fazla kod yazmak zorunda kalırsak aralarına noktalı virgül konur.

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("Merhaba MYO") |Merhaba MYO |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Head içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("Merhaba MYO") |Merhaba MYO |

| | |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("Merhaba "+"MYO") |Merhaba MYO |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|a="Merhaba "; |Merhaba MYO |

|document.write(a+"MYO") | |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("Merhaba ") |Merhaba MYO |

|document.write("MYO") | |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("Merhaba ") |Merhaba MYO |

| | |

| | |

|document.write("MYO") | |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Body içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|a="Merhaba "; b="MYO"; |Merhaba MYO |

| | |

| | |

|document.write(a+b) | |

| | |

| | |

|Ekrana “Merhaba MYO” yazsan, (Head içinde) Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|a="Merhaba "; b="MYO"; |Merhaba MYO |

| | |

| | |

|document.write(a+b) | |

| | |

| | |

|Ekrana 3 tamsayısını yazan Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write(3) |3 |

| | |

| | |

|Ekrana 3 ile 5 in toplamını yazan Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write(3+5) |8 |

| | |

| | |

|Ekrana ali ile veli yi yan yana yazan Javascript programı yazın. |

|index.html |Ekran |

| | |

| | |

|document.write("ali"+"veli") |aliveli |

| | |

| | |

|Ekrana ali ile veli yi alt alta yazan Javascript programı yazın. |

|index.html |Ekran |

| | |

| |ali |

|document.write("ali"+""+"veli") |veli |

| | |

| | |

FONKSİYON İFADELERİ

JavaScript kodları genelde fonksiyonlara yazılır. Fonksiyon, içine kod satırlarını yazıldığı, çağrılınca bu satırları icra eden kısayollar gibidir.

1. fonksiyonlar [function Fonksiyonİsmi (gelen parametreler) {işlem_satırları}] şeklinde tanımlanır.

function ilkfonksiyonum() { document.write('Merhaba MYO') }

2. fonksiyonlar geriye değer dönderiyorsa return kelimesi kullanılır.

function cikar(x, y) {var sonuc = x - y; return sonuc;}

3. fonksiyonlar geri deger döndermiyorsa return kelimesi kullanılmaz

function toplayaz( x,y) { document.write(x+y) }

4. fonksiyonlar [var degişken=function (gelen parametreler) {işlem_satırları}] şeklindede tanımlanır.

var carp function( x,y) { var sonuc = x * y; return sonuc}

5. fonksiyonlar isimleri yazılarak çağrılırlar.

var carp1 function( x,y) { var sonuc = x * y; return sonuc}

a=carp1(3,5); // a nın değeri 15 dir.

function carp2 (x,y) { var sonuc = x * y; return sonuc}

a=carp2(3,5); // a nın değeri 15 dir.

a=carp3(3,5); // a nın değeri 15 dir.

function carp3 (x,y) { var sonuc = x * y; return sonuc}

6. fonksiyonlar çağrıldıklarında parametre eksikse hata mesajı verirler.

function topla(x, y) {var toplam = x + y; return toplam;}

a=topla() // a nın değeri NaN dir. Böyle bir fonksiyon tanımlanmamıştır.

7. fonksiyonlar çağrıldıklarında parametre fazla ise fazla paremetreleri görmezlikten gelir.

function topla(x, y) {var toplam = x + y; return toplam;}

a=topla(2, 3, 4) // a nın değeri 5 dir. // İlk iki parametreyi kabul eder. 4 iptal olur.

8. fonksiyonlarda arguments kelimesi gelen parametreleri temsil eder.

function topla1() {var toplam = 0; j = arguments.length; // j gönderilen parametre adedine eşittir.

for (var i = 0; i < j; i++) {toplam+= arguments[i];}

return toplam;}

x=topla1(3); //x in değeri 3

x=topla1(3, 5) //x in değeri 8

x=topla1(3, 5, 7) //x in değeri 15

x=topla1(3, 5, 7, 11) //x in değeri 26

x=topla1(1, 3, 5, 7, 11) //x in değeri 27

function ortala(sayi) { var toplam = 0;

for (var i = 0, j = sayi.length; i < j; i++) { toplam += sayi[i]; }

return toplam / sayi.length; }

x= ortala (3); //x in değeri 3

x= ortala (3, 5) //x in değeri 4

x= ortala (3, 5, 7) //x in değeri 5

x= ortala (3, 5, 7, 11) //x in değeri 6.5

|Ali yazıp bir alt satıra inen fonksiyon ve bu fonksiyonu üç kez çağıran programı yazın. |

|index.html |Ekran |

| | |

| | |

|function aliyaz() | |

|{ |ali |

|document.write("ali ") |ali |

|} |ali |

|aliyaz() | |

|aliyaz() | |

|aliyaz() | |

| | |

| | |

|Ali yazısını ekrana yazan fonksiyonun kodlarını ekrana yazan programı yazın. |

|index.html |Ekran |

| | |

| | |

|function aliyaz() {document.write("ali") } |function aliyaz() {document.write("ali") } |

| | |

|document.write(aliyaz) | |

| | |

| | |

|Ali yazısını ekrana yazan fonksiyonu çağırarak ekrana ali yazan programı yazın. |

|index.html |Ekran |

| | |

| | |

|function aliyaz() {document.write("ali") } |ali |

| | |

|document.write(aliyaz()) | |

| | |

| | |

|Ali yazısını ekrana yazan fonksiyonu çağırarak ekrana ali yazan programı yazın. |

|index.html |Ekran |

| | |

|var aliyaz function() {document.write("ali") } | |

|document.write(aliyaz()) |ali |

| | |

| | |

|Ali yazan, bir satir aşağı inen ve ali yazıp bir satir aşağı inen fonksiyonları ve bu fonksiyonları çağırarak 3x3 matris seklinde ali leri yan yana |

|alt alta yazan programı yazın |

|index.html |Ekran |

| | |

| | |

|function AliYaz() { document.write("ali ") } | |

|function SatirAtla() { document.write("") } |ali ali ali |

|function AliYazSatirAtla() { AliYaz(); AliYaz(); AliYaz(); SatirAtla(); } |ali ali ali |

| |ali ali ali |

| | |

| | |

|AliYaz();AliYaz(); AliYaz(); SatirAtla(); AliYazSatirAtla();AliYazSatirAtla() | |

| | |

| | |

|Hücrelerinde ali yazısı olan 2x2 lik bir tablo çizen tablociz isimli fonksiyonu bloğu içinde çağıran programı yazın. |

|index.html |Ekran |

| | |

| | |

|function tablociz() | |

|{ | |

|document.write(" aliali " ) |ali |

|document.write(" aliali " ) |ali |

|} | |

| |ali |

| |ali |

| | |

|tablociz() | |

| | |

| | |

| 3 ile 5 i, 8 ile 1 i toplayıp sonucu yazan fonksiyonu çağıran programı yazın. |

|index.html |Ekran |

| | |

| | |

|function toplaYaz( x,y){ t=x+y; document.write( x+"+"+y+"=>"+t+"")} |3+5=8 |

| |8+1=9 |

| | |

| | |

|toplaYaz( 3,5); toplaYaz( 8,1); | |

| | |

| | |

|3 ile 5 i, 8 ile 1 i yan yana ekleyen ve sonucu yazan fonksiyonu çağıran programı yazın. |

|index.html |Ekran |

| | |

| | |

|function toplaYaz( x,y){ t=""+x+y; document.write( x+"+"+y+"=>"+t+"")} |3+5=35 |

| |8+1=81 |

| | |

| | |

|toplaYaz( 3,5); toplaYaz( 8,1); | |

| | |

| | |

|5 in karesini kare foksiyonunda hesaplayan ve sonucu ekrana yazan programı yazınız. |

|index.html |Ekran |

| | |

| | |

| |25 |

|function kare() { return arguments[0]* arguments[0]; } | |

|document.write( kare(5)); | |

| | |

| | |

| | |

| | |

| | |

OPERATÖRLER

Arithetik Operatörler

+ (Toplama) İki Sayıyı toplar.

++ (Bir arttır) değişkeni bir arttırır ve değişkenin önceki veya sonraki değerini verir.

- (Negatif, Çıkarma) sayının negatif yapar, Birinci sayıdan ikincisini çıkartır.

-- (Bir azalt) değişkenin önüne gelirse önce,sonuna gelirse sonra değişkeni 1 arttırır.

* (Çarpa) ili sayıyı çarpar.

/ (Bölme) İki Sayıyı böler.

% (Mod) İki sayının bölümünden kalan..

String Operatörleri

+ iki yazıyı yan yana ekler

+= iki yazıyı yan yana ekler ve sonucu değişkene atar.

Mantıksal Operatörler

&& (Mantıksal VE) doğru VE doğru doğrudur, diğerleri yanlıştır

|| (Mantıksal VEYA) yanlış VEYA yanlış yanlıştır, diğerleri doğrudur.

! (Mantıksal DEĞİL) doğrunun DEĞİL i yanlıştır

Bit’lik Operatörler

& (Bit seviyesinde AND) 15 & 9 sonuc 9 dur. (1111 & 1001 = 1001)

^ (Bit seviyesinde XOR) 15 ^ 9 sonuc 6 dır. (1111 ^ 1001 = 0110)

| (Bit seviyesinde OR) 15 | 9 sonuc 15 dir. (1111 | 1001 = 1111)

~ (Bit seviyesinde NOT)

> (Bit seviyesinde sağa kaydır.)

>>> (Bit seviyesinde Sıfır ekleyerek sağa kaydır)

Atama Operatörleri

= (atama). Sağdaki ifadelerin sonucunu soldaki değişkene atar, aktarır.

+= (üzerine ekle)

-= (çıkar)

*= (kendisi ile çarp)

/= (kendisine böl)

%= (kendisine bölümden kalanı)

&= (bit seviyesinde AND le)

^= (bit seviyesinde XOR la)

|= (bit seviyesinde OR la)

= (bit seviyesinde sağa kaydır)

>>>= (bit seviyesinde sıfır ekleyerek sağa kaydır)

Karşılaştırma Operatörleri

== (eşitmi)

!= (eşitdeğilmi)

=== (denkmi)

!== (denkdeğilmi)

> (büyükmü)

>= (büyükeşitmi)

< (küçükmü

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download