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.

Başlıksız İçerik______________________

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.

Başlıksız İçerik______________________

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.

Başlıksız İçerik______________________

 

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.

 Başlıksız İçerik______________________

Hazırlayan: Çağlar Uzun

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...