Javascript’ e Giriş

Z1rT · 14 Tem 2011

[FONT=tahoma,arial,helvetica,sans-serif]HTML"e JavaScript Kodlarını Tanıtma
[FONT=tahoma,arial,helvetica,sans-serif]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.
[FONT=tahoma,arial,helvetica,sans-serif]Aşağıdaki uygulama ilk JavaScript örneğimiz:[/FONT]
[FONT=courier new,courier,monospace]<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script language="JavaScript">
********.write("Merhaba")
</script>
</body>
</html> [/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]Burada <script language="JavaScript">…</script> arasında yazılı olan bir tane JavaScript kodu bulunmakta: ********.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:[/FONT]
[FONT=courier new,courier,monospace]<html>
<head>
<title>JavaScript Uygulaması 2</title>
</head>
<body>[/FONT]
[FONT=courier new,courier,monospace]<script language="JavaScript">
********.write("<font size=6 color=blue>")
********.write("Merhaba")
********.write("</font>")
</script>
</body>
</html>[/FONT]

[FONT=tahoma,arial,helvetica,sans-serif]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.[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]JavaScript kodlarının HTML"deki Konumu[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]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:[/FONT]
[FONT=courier new,courier,monospace]<html>
<head>
<title>JavaScript Uygulaması</title>
<script language="JavaScript">
function selam()
{
alert("Merhaba")
}
</script>
</head>
<body onload="selam()">[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif][FONT=courier new,courier,monospace]</body>
</html>[/FONT] [/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]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.[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]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:[/FONT]
[FONT=courier new,courier,monospace]********.write("<center>")
********.write("<h1>Merhabalar!</h1>")
********.write("</center>")[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif]Şimdi bu dış JavaScript dosyasını HTML sayfasına tanıtıyorum:[/FONT]
[FONT=courier new,courier,monospace]<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>[/FONT]
[FONT=courier new,courier,monospace]<script src="selam.js">
</script>[/FONT]
[FONT=tahoma,arial,helvetica,sans-serif][FONT=courier new,courier,monospace]</body>
</html>[/FONT][/FONT]

[/FONT][/FONT]

Ara

Ara

Javascript’ e Giriş

Z1rT