HTML Script Tag

Giriş
Ya harici kütüphaneyi ya da kendi kodumuzu yüklemek için kullanılır. Her <script> tag içindeki kod çalıştırılmak zorunda değildir. Açıklaması şöyle.

HTML5 specifies that a <script> tag inserted with innerHTML should not execute.

Örnek - Yanlış
Her ikisini aynı tag içinde karıştıramayız. Şu kod yanlış.

<script type="text/javascript" src="http://.../jquery/3.3.1/jquery.min.js">
  $(document).ready(function(e){
    debugger;
    alert( "ready!" );

  });
</script>

Örnek
Harici bir kütüphaneyi yüklemek için şöyle yaparız.

<script type="text/javascript" src="http://.../jquery.min.js"></script>

Örnek
type belirtmek zorunda değiliz. Şöyle yaparız

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Örnek
Kendi kodumuzu yüklemek için şöyle yaparız.

<script type="text/javascript">
    $(document).ready(function(){
        alert("ready!");
    });
</script>

Örnek

Script'e parametre geçmek için şöyle yaparız

<script async src="https://example.com/lib.js" site="sitePath"></script>

Parametreye erişmek için şöyle yaparız

site = document.currentScript.getAttribute('site'); // sitePath