Webmaster
Tasarım Dersleri
Kullanıcı girişi
Kimler çevrimiçi
Son yorumlar
- tamadır teşekkür ederim :)
1 hafta 6 days önce - CVP:arkadaşım sen iyi niyetimi
1 hafta 6 days önce - arkadaşım sen iyi niyetimi
2 weeks 9 hours önce - CVP:şu cevabınn
2 weeks 1 gün önce - şu cevabınn
2 weeks 1 gün önce - CVP:Makaleniz hakkında
2 weeks 2 days önce - Makaleniz hakkında
2 weeks 2 days önce - oldukça güzel görünüyor. Bİz
3 weeks 21 hours önce - sanal kontör
3 weeks 4 days önce - Cozum bulundu mu?
5 weeks 4 days önce
Etiket bulutu
Java Script'e Giriş
JavaScript ile
VBScript arasında işlev ve yapı bakımından fark yoktur. Kod yazmak
için ikisini birden öğrenmeniz şart değil elbette. Ama başkalarının
kodlarını araştırmak ve bir şeyler öğrenmeye çalışmak gibi harika
bir hobiniz varsa, neden ikisini birden öğrenmeyesiniz? Bazı
sayfalarda "Şöyleyse VBScript, böyleyse JavaScript öğrenmenizi
tavsiye ederim" gibilerinden laflar ediliyor. Ben böyle bir
tavsiyede bulunamam açıkçası. Ama şunu bilin, VBScript biraz daha
kolay öğreniliyor gibi. Bununla birlikte JavaScript`in çok daha
yaygın olduğu da bir gerçek. Visual Basic bilenler VBScript`i daha
kolay, C veya Java bilenler, JavaScript`i daha kolay öğrenecektir.
Son söyleyeceğim şey, ikisi de basit, dilerseniz her ikisini birden
rahatlıkla öğrenebilirsiniz.
JavaScript (VBScript) HTML`in bir parçasıdır aslında; derleyici bir
programa ihtiyaç duymaz, HTML kodlarıyla beraber yazılır ve gözatıcı
(browser) tarafından yorumlanır.
JavaScript`in (VBScript`in) işlevleri yazmakla bitmez ya, ben
aklıma geldiğince listeledim:
* HTML tasarımcılarına bir programlama desteği sağlar, bünyesinde
değişkenler, fonksiyonlar, döngüler, yordamlar bulundurur.
* HTML sayfalarına hareketli HTML nesneleri (metin, resim, vb.)
koyabilmemizi sağlar.
* Olaylara tepki verir. (Olaydan kastettiğim şey: tıklamak, tuşa
basmak, sayfa açmak gibi şeyler.)
* HTML elemanlarını okuyabilir veya yazabilir.
* Kullanıcı ile bilgi alışverişinde bulunmamızı sağlar. Zira HTML
formları JavaScript (VB Script) olmadan pek bir işe yaramaz. (Ayrıca
ASP derslerinde de kullanacağız.)
HTML`e JavaScript Kodlarını Tanıtma
JavaScript HTML kodları arasında nasıl kullanılır? JavaScript
kodlarını HTML`e tanıtmak için Java Script kodlarını <script
language="JavaScript">...</script> HTML kodları arasına yazarız.
Not: VBScript için language="VBScript" parametresi kullanılır.
Aşağıdaki uygulama ilk JavaScript örneğimiz:
HTML:
<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script language="JavaScript">
document.write("Merhaba")
</script>
</body>
</html>
Burada <script language="JavaScript">...</script> arasında yazılı
olan bir tane JavaScript kodu bulunmakta: document.write("..."). Bu
kod, parantez içine yazılan HTML kodlarını uygular. Tabi bu uygulama
için JavaScript koduna ihtiyacımız yok aslında, doğrudan Merhaba
deseydik, yine Web Sayfamız saygıda kusur etmez, bize Merhaba derdi.
Ama ileriki konularda bu koda ihtiyacımız olacak. Bu uygulamada HTML
kodu olarak düz bir metin kullandık. Parantez içindeki HTML kodunu
biraz daha zenginleştirebiliriz:
HTML:
<html>
<head>
<title>JavaScript Uygulaması 2</title>
</head>
<body>
<script language="JavaScript">
document.write("<font size=6 color=blue>")
document.write("Merhaba")
document.write("</font>")
</script>
JavaScript`in en sevmediğim özelliğini anlatmadan geçemem.
JavaScript`te (VBScript`te herşeyi illâ ki harfi harfine yapacaksın.
Küçücük bir hata, sayfanızın çıkmamasına ve pencerenin alt kısmında
JavaScript hatası belirmesine neden olur. Bu zamana kadar HTML gibi
esnek bir dille çalışıyorduk; bu nedenle bu sayfalarla ilgili
örnekler yaparken biraz yorulabilirsiniz.
JavaScript kodlarının HTML`deki Konumu
JavaScript yukarıdaki uygulamalarda olduğu gibi <body>...</body>
kodları arasında yer alabileceği gibi; fonksiyon halinde, <head>...</head>
arasında da yer alabilir:
Javascript:
<script language="JavaScript">
function selam()
{
alert("Merhaba")
}
</script>
</head>
<body onload="selam()">
</body>
</html>
Bu örnek hiçbir programlama dili bilmeyen birisi için anlaşılması
biraz zor. Kabaca anlatayım; anlamayanlar için ileriki sayfalarda
genişçe anlatacağım: Bu uygulamada JavaScript kodu <head> bölümünde
fonksiyon halinde yer alıyor. function selam() ifadesi ile selam()
isimli bir fonksiyon tanımlıyoruz. Bu fonksiyonun ne yaptığını süslü
parantezler arasına yazarız. Örneğin selam() fonksiyonunun
içeriğinde alert("...") kodu vardır. Bu JavaScript kodu, tırnak
içindeki ifadeyi mesaj kutusuyla göstermeye yarar. Demek ki selam
fonksiyonu, mesaj kutusuyla "Merhaba" demeye yarıyormuş. Dikkat
ederseniz <body> koduna onload="..." (İngilizce`de "yüklendiği
takdirde" demek) durumu atanmış. Yani sayfa yüklenildiğinde selam()
mesajı veriliyor.
JavaScript kodu; CSS`de olduğu gibi, dış bir dosyayla da HTML`e
tanıtılabilinir. CSS dosyası .css uzantılıydı. Dış JavaScript
dosyası ise .js uzantılıdır. Aşağıdaki metin dosyasını selam.js
ismiyle kaydettim:
Javascript:
document.write("<center>")
document.write("<h1>Merhabalar!</h1>")
document.write("</center>")
Şimdi bu dış JavaScript dosyasını HTML sayfasına tanıtıyorum:
HTML:
<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script src="selam.js">
</script>
</body>
</html>
Anket
Son Konular
2012-03-22 19:47 - Geliştirdiğin kodları satmak ister misin
2012-02-12 23:21 - SMF forumu vbulletin foruma aktarmak
2011-12-14 21:50 - Motorlu araçlar otomobil vergisi sorgulama
2011-12-14 21:47 - Sorgulamalar
2011-12-11 14:33 - Ben az önce ne arayacaktım
2011-09-10 22:51 - DSLR Fotograf Makinası sınıflandırması
2011-09-09 17:33 - ‘Crop Factor’ Nedir, hakkında bilgi
2011-09-09 17:30 - Fotograf Rehberi
2011-08-20 21:30 - Samsung LEDTV'lerde .SRF ve XFS süprizi
2011-08-19 00:45 - 2011 yılının web tasarım trendleri
2011-04-09 20:18 - Alan adları gerçek isim sahiplerine verilecek!
2011-01-13 01:43 - SEO İçin Dikkat Edilmesi Gereken Hususlar
2011-01-13 01:42 - Meta tag SEO Optimization
2011-01-13 01:41 - Google Adsense Hakkında Detaylı Bilgi
2011-01-13 01:40 - Soru Ve Cevaplar ile Google Adsense
2011-01-13 01:39 - Arama motoru Google ve Pagerank
2011-01-13 01:38 - Seo Sözlüğü
2011-01-13 01:37 - Google Arama Özellikleri
2011-01-13 01:36 - Adsense Reklam Yerleşimi
2011-01-13 01:35 - Robots.txt Dosyası Kullanım Robotları Yölendirme Kontrol
2011-01-13 01:34 - Sitenizin Google ve Web deki Yeri
2011-01-13 01:33 - Arama Motoru Bilgi ve İpuçları
2011-01-13 01:31 - Arama Motorları Teknikleri
2011-01-13 01:29 - Google Pagerank Detaylı Anlatım
2011-01-13 01:27 - Sitenize Ziyaretçiler En Çok Hangi Kelimeler İle Gelmiş
2011-01-13 01:25 - Pagerank Nedir?
2011-01-13 01:19 - Fireworks Shadow and Glow
2011-01-13 01:18 - Fireworks Sharpen
2011-01-13 01:16 - Fireworks Other
2011-01-13 01:13 - Fireworks Blur
2011-01-13 01:09 - Fireworks Bevel and Emboss
2011-01-13 01:05 - Fireworks Adjust Color
2011-01-13 01:03 - Fireworks Save as Style
2011-01-13 00:58 - Fireworks Text Menüsü
2011-01-13 00:54 - Fireworks Select Menüsü
2011-01-13 00:54 - Fireworks Modify Menüsü
2011-01-13 00:51 - Fireworks View Menüsü
2011-01-13 00:18 - Fireworks Edit Menüsü
2011-01-13 00:16 - Fireworks File Menüsü
2011-01-13 00:05 - İnternet - Web Tarayıcılar (Browser)
2011-01-13 00:04 - İnternet - Web Server Yazılımları
2011-01-13 00:03 - İnternet ve Web İlişkisi
2011-01-13 00:02 - İnternette Kullanılan Protokoller
2011-01-13 00:01 - İnternet - World Wide Web (WWW) Nedir?
2011-01-13 00:00 - İnternet - URL nedir?
2011-01-12 23:43 - İnternet Backorder Nedir?
2011-01-12 23:34 - İnternet - Virüs Nedir?
2011-01-12 23:32 - İnternet Paypal nedir? Nasıl Kullanılır?
2011-01-12 23:31 - İnternet - DNS Nedir?
Günün Konuları
CSS . html . css nedir . Linux . nasıl kurulur . internet . SCADA . MySQL nedir . domain piyasası . PHPRunner . PHPRunner kullanımı . PHPRunner hakkında bilgi . PHPRunner nedir . Top PHP Studio . Top PHP Studio indir . Top PHP Studio nedir . USB ADSL modem . kablosuz ağ . Ubuntu linux . Google Earth . Zone Alarm . CSS kodlama . HMI . HMI nedir . HMI nasıl kullanılır . Scada nedir . Scada nasıl kullanılır . Video . Cacti . Cacti nedir . Cacti kurulumu . Rsyslog . Rsyslog nedir . Rsyslog kurulumu . Nagios . Nagios nedir . Nagios kurulumu . Apache . Apache nedir . Apache kurulumu . MySQL kurulumu . Squid . Squid nedir . Squid kurulumu . Dansguardian . Dansguardian nedir . Dansguardian kurulumu . Postfix . Postfix nedir . Postfix kurulumu . Dovecot . Dovecot nedir . Dovecot kurulumu . Dbmail . Dbmail nedir . Dbmail kurulumu . OpenLDAP . OpenLDAP nedir . OpenLDAP kurulumu . ProFTP . ProFTP nedir . ProFTP kurulumu . Samba . Samba nedir . Samba kurulumu . BIND . BIND nedir . BIND kurulumu . dhcp3 server . DHCP . DHCP nedir . DHCP kurulumu . WIPO Kimdir . WIPO Nedir . WIPO . Aveamüzik Radyo . Sabit disk . Harddisk . Advanced Format nedir . kodlama .
Genel Dersler
Programlama
Sponsor Reklamlar
Populer Icerik
Bugün:
Son görüntülenme:
- Java Script Döngü Denetimi
- ActionScript, Flex, AIR Hangisi nedir?
- ActionScript - Flash Analog Saat Yapımı
- Autocad PLANESURF İle Katı Düzlemler
- Java Script Doküman Nesnesi
- Java Script Diziler
- Drupal ile PHPBB'ye nikah sekeri
- Java Script Değişkenler
- Java Script Aritmetik İşlemler
- Java Script Akış Denetimi














Yeni yorum gönder