Hoşgeldiniz.
Alım-Satım, Tanıtım, Bilgi Paylaşım ve bir çok hizmet için lütfen kayıt olunuz...
Kayıt ol

HTML Belgesinde Javascript Kullanma (1 Kişi içerde)

webien

Admin
yönetici
Katılım
29 Kas 2018
Mesajlar
236
Tepkime puanı
5
Bir JavaScript kodu için oluşturacağınız <script></script> nesnesini <head> bölümünde ya da <body>bölümünde kullanabilirsiniz.

NOT: BODY elementi içerisinde kullanmak sayfa yüklenme hızını arttıracaktır.

Aşağıdaki örnek HEAD bölümünde JavaScript kullanılarak yapılmıştır;

JavaScript Kodu


Aşağıdaki örnek ise JavaScript kodunun BODY içerisinde kullanılmasıyla oluşturulmuştur:

Kod:
<!DOCTYPE html>
<html>
<head>
<script>
function fonksiyonum() {
    document.getElementById("demo").innerHTML = "Paragraf değişti!";
}
</script>
</head>

<body>

<h1>Web Sayfam</h1>

<p id="demo">Bir paragraf</p>

<button type="button" onclick="fonksiyonum()">Butona Bas!</button>

</body>
</html>

JavaScript Kodlarını Dosyadan Kullanma
İsterseniz bir javascript dosyası oluşturarak ve bunu HTML belgenizden çağırarak kullanabilirsiniz. Bu kullanım şekli kaynak kodlarınızın sade olmasını sağlayacaktır.

Bunun için <script> kodunuza src="" özelliği ekleyip dosya adını ana dizine göre belirtin. Örneğin script dosyamızın adı "script.js" ise;

Kod:
<script src="script.js"></script>
NOT: Script dosyası içerisinde <script> ve </script> elementi kullanılmaz.
 

Bu Kategorideki Diğer Konular