Javascriptin Xhtml İçerisine Entegrasyon Yolları
Head içerisine, body içerisine, head ve body içerisine, head ve body içerisine birden fazla blok olarak, harici dosya olarak ataçlama
Javascriptin XHTML içerisine entegrasyon yolları
1- Head içerisine yazarak entegre yöntemi : Kodlarımızı Head tagları arasına <script type="text/javascript"> etiketiyle gömdük.
<html>
<head>
<script type="text/javascript">
document.write("Merhaba Dünya!");
</script>
</head>Aşağıdaki resimde <head> içerisine yazdığımız JavaScript kodu ve HTML çıktısı gözükmektedir.
2- Body içerisine yazarak entegre yöntemi :
<html>
<head>
<script type="text/javascript">
document.write("Merhaba Head içerisindeki Dünya!");
</script>
</head>
<body>
</body>
</html>Aşağıdaki resimde <body> içerisine yazdığımız JavaScript kodu ve HTML çıktısı gözükmektedir.
3- Hem head hem de body etiketleri içerisine entegre yöntemi :
<html>
<head>
<script type="text/javascript">
document.write("Merhaba Head içerisindeki Dünya!");
</script>
</head>
<body>
<br />
<script type="text/javascript">
document.write("<b>Merhaba Body içerisindeki Dünya!</b>");
</script>
</body>
</html>Aşağıdaki resimde hem <head> hem de <body> etiketleriyle birlikte kullanılan Javascript kodları bulunmakta. Sağ tarafta Bu Kodların HTML çıktısı vardır.
4- Harici dosya olarak entegre yöntemi :
JavaScript Dosyamız ( *.js dosyası )
document.write("Merhaba Harici dosya içerisindeki Dünya!");HTML Dosyamız ( *.html )
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>Aşağıdaki resim Harici dosya olarak eklediğimiz JavaScript kodlarının bulunduğu HTML Sayfasının çıktısıdır.
Hazırlayan: Çağlar Uzun
