Web sitelerimizin kodlamalarını yaparken, HTML ve CSS ile beraber Javascript’te kodları kullanırız. HTML dosyalarımıza Javascript kodlarımızı yazarken nasıl kullanacağımızı belirlememiz gerekir. Bunun iki farklı yolu vardır. Bunlar dahili ve haricidir. Bu yazımızda Javascript kullanım şekilleri, yani dahili ve harici kullanımı göreceğiz.

Javascript Kodlarını Dahili Kullanma

İlk kullanım şeklimiz olan dahili kullanma, direkt olarak HTML dosyasının içine yazılır. Bu yöntemde Javascript kodlarımızı HTML dosyamızda <script> .. </script> etiketleri içerisine yazarız. Hemen örnek bir kullanım görelim. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Evrensel Kod</title>
    <script>
        document.write("Javascript kodlarınızı buraya yazabilirsiniz.");
    </script>
</head>
<body>
    
</body>
</html>

Örnekte de gördüğünüz üzere <head> etiketi içerisine yazdığımı <script> etiketleri arasına Javascript kodlarımızı yazabiliyoruz.

Ayrıca yine <script> etiketleri içerisinde olmak şartı ile <body> etiketleri içerisine de yazabilirsiniz.

Javascript Kodlarını Harici Kullanma

Harici kullanımda HTML dosyamızın dışında birde .js uzantılı bir Javascript dosyamız olmalı.

İlk olarak script.js adlı bir dosya oluşturuyoruz. (Siz istediğiniz ismi verebilirsiniz. Örneğin evrensel.js, kod.js vs.) Bu dosyayı oluştururken, bir html dosyasını oluştururken yaptıklarınızdan tek fark uzantısı .js olmasıdır. Şimdi dosyamızı görelim. 

document.write("Javascript kodlarınızı buraya yazabilirsiniz.");

Şimdi de HTML dosyamızı oluşturalım ve script.js dosyamızı HTML sayfamıza ekleyelim. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Evrensel Kod</title>
</head>
<body>
    


    <script src="script.js"></script> <!-- Buraya ekledik. -->
</body>
</html>

Bu yazımızda Javascript kullanım şekilleri konusunu işledik. Dahili ve harici kullanımları gördük. Umarım faydalı olmuştur. Diğer Javascript derslerimizi de okumak isterseniz buradan tümüne ulaşabilirsiniz.

Bu yazı dikkatini çekebilir.   Javascript DOM Nedir ? DOM'un Önemi