Java script kodlarımızı HTML içerisine ekleme

Java script kodlarımızı HTML içerisine ekleme
  1. Javascrip kodlarımızı head etiketleri arasına  yazabiliriz. Head etiketi içerisine yazarsak sayfa yüklenmeye başlanmadan önce JAVASCRIPT kod bloklarımız yorumlanacaktır.

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Untitled Document</title>

<script language=”JAVASCRIPT”>

BU KISIMDA  KODLAR OLACAK

</script>

</head>

2.JAVASCRIPT kodlarımızı body  etiketleri arasında tanımlayabiliriz. Burada kodlarımız sayfa yüklendikten sonra yorumlanacaktır.

<body>

<script language=”JAVASCRIPT”>

</script>

</body>

3. JAVASCRIPT kodlarımızı dışarıda (    .js  ) uzantılı bir dosya içerisinde saklayarak HTML sayfası içerisinden bu kodları çağırabiliriz. Yani bu kodları çağırmak sayfa kodları arasına dahil etmektir.Bunu yaparken script tagımızın src (source ) özelliğini kullanıyoruz.

Burada script etiketinin kapatıldığına dikkat edin. ilk.js dosyası içerisinde JAVASCRIPT kodlarını barındıran bir sayfadır ve uzantısı .js dir. Bu  şekilde ilk.js dosyası içerisinde ki  JAVASCRIPT kodlarını sayfamıza dahil etmiş olduk.

Dikkat edilecek husular ;

  • Kaynak dosya uzantısı .js  olmak zorundadır
  • Src parametresine relative( göreceli)  yol tanımlaması yapılmalı
  • Kaynak dosya <script> </script>  tagları içermez
  • Eğer src parametresi kullanılmışsa  <script> </script>   blokları arasına kod yazılmaz yazılsada bu kodları  browser dikkate almayacaktır.

JAVASCRIPT kodlarının bir  kaynak dosyada saklanmasının avantajları vardır.

* Örneğin belirli bir işlem yapacaksınız sayfanızda ve bu işlem var olan tüm alt sayfalarınızda kullanılacak Eğer kaynak dosya kullanmazsanız ana sayfa ve tüm  alt sayfalarada bu kodları eklemeniz gerekecek bu durumda ya sonradan bir değişiklik yapma ihtiyacı duyarsanız o zaman tüm sayfalardaki  kodları değiştirmeniz  gerekecek bununda  epey bir işlem alacağı kesin . Ama eğer bir kaynak dosyada bu kodları saklar ve her sayfaya src parametresi ile bu kaynak dosyayı  eklerseniz  , deşiklik yapacağınız zaman sadece kaynak dosyayı değiştirmeniz  yeterli  olacaktır.

*  Kod karmaşasından kurtulmak ve hata tespiti için kaynak dosya kullanmak daha avantajlı  olacaktır.

17 views

14 Temmuz 2010
Okunma 17
bosluk
css Son Yazılar FriendFeed
reklam
reklam
reklam
reklam