JavaScript Kullanımı

JavaScript Kullanımı

JavaScript Kullanımı

1.Dersimizde javascriptin ne olduğunu ve tarayıcı tarafından yorumlanabilmesi için html dokümanlarına nasıl eklenmesi gerektiğini açıklamıştık.

<script>

  alert("Selam Ben JavaScript");

</script>

 

Javascript kodlarını html elemanları ile birlikte kullanma

Javascrip sadece <script> tagları arasında kullanılmaz. Bazı html elamanlarında da kullanabilirsiniz. Örneğin HTML elemanı olan buton’a tıklandığında ya da Mouse ile üzerine gelindiğinde ne olmasını istediğinizi bildiren küçük bir kod parçacığı yazabilirsiniz. Örneği:

<button onmouseover ="alert(Selam Ben JavaScript)">Tıkla</button>

Yukarıdaki örnekte Botunun üzerine Mouse ile gelindiğinde uyarı (alert) penceresi açılacak ve “Selam Ben JavaScript” yazacak.

Javascript kodlarını harici js uzantılı dosyada kullanma dışardan HTML içerisine javascript dosyası çağırma

Javascript kodlarını html dışında harici bir dosyada da kullanabiliriz. Bu kullanım seo açısından da faydalı olacaktır ve zaten tavsiye edilen kullanımda bu şekildedir. JS uzantılı dosyada kullanmak için tek yapmanız gereken javascript kodlarını bir kod editöre ya da bilgisayarınızda txt editöre yapıştırmanız ve uzantısını .js olarak kaydetmeniz. Örneğin javascript.js ya da dosya.js dosya adı tamamen size kalmış.

Ardından HTML dokümanımıza bu dosyayı çağırmamız gerekecek. Bunun için de genelde html dosyası kodlarının en altındaki </body> etiketi üzerine şu şekilde çağırabilirsiniz.

<!DOCTYPE html>

<html lang="tr">

<head>

  <meta charset="UTF-8">

  <title>Merhaba JavaScript</title>

</head>

<body>

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

</body>

</html>

 


Hazır Web Sitesi
Yorumlar
Bu konuya henüz yorum yapılmamıştır. İlk yorumu sen yaz.
YORUM YAZIN...

Bu paketi arkadaşlarınla paylaş