JAVASCRİPT KODLARI NEREYE YAZILIR VE AÇIKLAMA SATIRI

Javascript dosyaları, web sitesine iki şekilde eklenir. Birincisi satıriçi(inline), ikincisi ayrı bir javascript dosyası hazırlayıp harici olarak eklemek.

JavaScript <head> ETİKETLERİ ARASINA YAZMA

Aşağıda ki örnekte, bir JavaScript işlevi bir HTML sayfasının <head> bölümüne yerleştirilir.

HTML sayfasında JavaScript eklemek için,<script> etiketi kullanın.

<Script> ve </script> Etiketleri JavaScript kodların başlangıç ve bitişin nerede olduğunu belirtir.


<html>
<head>
<title>Merhaba Dünya!</title>
  <script>
  
  // javaScript kodları buraya yazılır.
  
  </script>
</head>
<body>

  <p>JavaScript Deneme sayfası</p>
  
</body>
<html>

NOT : Eski örneklerde tip niteliği olarak <Script type = "text / javascript"> tip öz niteliği HTML5'de kaldırılmıştır.Direk <Script> ve </ script> şeklinde yazabilirsiniz.

Ayrı bir javascript dosyası olarak hazırlayıp .js uzantısı ile kaydedersek ve bunu html dokümana eklersek buda harici bir javascript dosyası ekleme kısmına girer.

ÖRNEK: deneme.js olarak kaydedin.


    alert ("Merhaba Dünya!");

HTML'ye eklemek için:

  
<script type="text/javascript" src="deneme.js"></script>

Yukarıda kullandığımız her iki yöntem ile de aynı sonucu alırız. Harici javascript dosyası ile eklemenin avantajları vardır.

HTML sayfasından ayrı bir dosyada yazmada kod karmaşıklığı olmaz. Güncellemelerde tek dosyada kolay olur.
Sayfalar hızlı yüklenir Önbelleğe alınan javaScript dosyasını veritabanından bilgi çekerek güncellediğimiz sayfalar hızlı yüklenir.

<head> ve <body> ETİKETLERİNDE JAVASCRİPT

HTML sayfalarının içerisine JavaScript kodlarını sınırsız şekilde yerleştirebilirsiniz.

JavaScript komutları <head> ve <body> bölümlerinde yada her iki bölümde yer alabilir.

Her zamanki uygulama bölümüne JavaScript kod parçalarını koymak, ya da sayfanın alt kısmına yerleştirmektir. Eğer HTML etiketlerin altına yerleştirebilirseniz ,sayfanın içeriği ile karışmaz.

Yukarıda <head> etiketleri arasında JavaScript kodların yerleştirimesini gördünüz. Şimdi aşağıda ki örnekte, bir JavaScript fonksiyonu bir HTML sayfasının <body> bölümünde yerleştirilir. Bir düğmeye tıklandığında JavaScript fonksiyonu çalıştırılır.


<!DOCTYPE html>
<html>
 <body> 

<h1>JavaScript test sayfası</h1>

<p id="test">Deneme yazısı</p>

<button type="button" onclick="Deneme()">Değiştir</button>

<script>
function Deneme() {

   document.getElementById("test").innerHTML = "JavaScript deneme sayfası";
   
}
</script>

 </body>
</html>

JAVASCRİPT AÇIKLAMA SATIRI

Açıklama satırları adındanda anlaşıldığı gibi JavaScript kodları açıklamak için kullanılır ve sonradan kod üzerinde bir düzenleme yapacağımız zaman bize yardımcı olurlar. Açıklama satırları tarayıcılar tarafından göz ardı edilir. Bir JavaScript açıklama satırı iki şekilde; Tek satırlı ve çok satırlı olarak gösterilir.


// Bu bir açıklama satırı

/* Açıklama birinci satırı
Açıklama ikinci satırı
Açıklama üçüncü satırı */

Yorum satırları tarayıcı tarafından açıklama olarak görülür ve herhangi bir işleme tabi tutulmaz. Açıklama satırı programcıya uzayıp giden kodların arasına kendine göre notlar almasına imkan veren bir yöntemdir.

Kodlama yaparken yapacağımız Website Kod sayfası birkaç satırdan oluşacağı gibi onlarca sayfadanda oluşabilir. Aradan belli bir zaman geçtikten sonra yazdığımız website Kod sayfasına göz attığımız zaman nerede ne yaptığımızı anlamamız bazen vakit kaybına yol açabilir. Bu nedenle açıklama satırları kullanılabilir.

eyüp kılıç 31/01/2020

html, css kodlarını yazdığımda komut söz dizilimi yanlış falan diyor nasıl yapıcam?

yönetici 01/02/2020

Eyüp, sorunu tam anlamadım. html ve css kodlar hatalı olsada site yanlış bir şekilde çalışır. Ancak javascript kodlarında hata olabilir. Site oluştururken her html ve css kodlarını eklediğinde deneme yap. Böylece hatanın nerde olduğunu bulursun.

GÜLSÜM 26/02/2021

Deneyerek kodlama öğrenmek istiyorum. indirmem gereken bir uygulama var mı? kodları nereye yazıcam?

yönetici 28/02/2021

Gülsüm, javascript yazmak için .html dosya açman gerekir. HTML editör yüklemen gerekir. sitede ki ilk javascript konusundan öğrenmeye başla.

Büşra 27/07/2021

html kodunun içinde script kodları yazınca browser'da görünmeyecek mi script kodlar...

yönetici 29/07/2021

Büşra, kodlar görünür. Önemli kodları ayrı dosyada belirtilebilir.

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

KATEGORİ

HTML
CSS
PHP
JQUERY
PHOTOSHOP
JavaScript
Web Dünyası
Linux
MİTHRİL FRAMEWORK
Laravel
Git
React

POPÜLER MAKALE

HTML LİNK(Bağlantı)EKLEME - LİNK VERME
HTML YAZI VE RESİM ORTALAMA
HTML RESME LİNK VERME
HTML FORM OLUŞTURMA
CSS YATAY MENÜ YAPIMI
HTML RESİM EKLEME
CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
HTML DİV ve SPAN NEDİR?
HTML ARKAPLANA MÜZİK EKLEME
KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME

ETİKET