İPUCU

Java Object Oriented Programming temeline dayanan, çok işlevli, step by step işleyen dilin dökümanlarının paylaşım alanı.

Seçenekler

Javascript’ e Giriş

01-06-2011 18:52
#1
CaLLaHaN - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
11/2010
Nereden:
ƒєηєявαнçєCυмнυяiyeti
Mesajlar:
1.936
Teşekkür (Etti):
78
Teşekkür (Aldı):
316
Konular:
1305
Ticaret:
(0) %
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>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script language="JavaScript">
********.write("Merhaba")
</script>
</body>
</html>

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:
<html>
<head>
<title>JavaScript Uygulaması 2</title>
</head>
<body>

<script language="JavaScript">
********.write("<font size=6 color=blue>")
********.write("Merhaba")
********.write("</font>")
</script>
</body>
</html>




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:
<html>
<head>
<title>JavaScript Uygulaması</title>
<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:
********.write("<center>")
********.write("<h1>Merhabalar!</h1>")
********.write("</center>")

Şimdi bu dış JavaScript dosyasını HTML sayfasına tanıtıyorum:
<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>

<script src="selam.js">
</script>

</body>
</html>
Kullanıcı İmzası

_____________________________________

Kapkara Bir Site ,Kapkara Bir Adam..


Ülkücü Kibrittir Ateşi Vatan..

Forumu Bıraktı ...



Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı