Fortech Site

Beranda 
<!DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    </script>
</head>
<body>
    <h1> JavaScript Tutorials</h1>
  
    <script>
        alert('Executing JavaScript 2')
    </script>
    
    <p>This page contains multiple script tags.</p>
    
    <script>
        alert('Executing JavaScript 3')
    </script>
</body>
</html>
Coba



<script> Di atas, tag pertama yang berisi alert('Executing JavaScript 1') akan dieksekusi terlebih dahulu, lalu alert('Executing JavaScript 2') dieksekusi, lalu alert('Executing JavaScript 3') dieksekusi.
 
Browser memuat semua skrip yang disertakan dalam <head> tag sebelum memuat dan merender <body> elemen tag. Jadi, selalu sertakan file/kode JavaScript yang <head> akan digunakan saat merender UI. Semua skrip lain harus ditempatkan sebelum </body> tag penutup. Dengan cara ini, Anda dapat meningkatkan kecepatan memuat halaman.

Refrensi File Script External

Tag <script> juga dapat digunakan untuk menyertakan file skrip eksternal ke halaman web HTML dengan menggunakan atribut src.

Jika Anda tidak ingin menulis kode JavaScript sebaris di tag <script></script>, Anda juga dapat menulis kode JavaScript di file terpisah dengan .js ekstensi dan memasukkannya ke halaman web menggunakan tag <script> dan mereferensikan file melalui atribut src.

Contoh: JavaScript dalam Tag <script> 
<!DOCTYPE html>
<html>
<head>
    <script src="/MyJavaScriptFile.js" ></script>
</head>
<body>
    <h1> JavaScript Tutorials</h1>
  
</body>
</html>
Di atas, <script src="/MyJavaScriptFile.js"> poin ke file JavaScript eksternal menggunakan src="/MyJavaScriptFile.js" atribut di mana nilai atribut srcadalah jalur atau url tempat file perlu dimuat di browser. Perhatikan bahwa Anda dapat memuat file dari domain Anda serta domain lainnya.


Atribut Penggunaan
Asinkron <script async> mengeksekusi skrip secara asinkron bersama dengan halaman lainnya.
Crossorign <script crossorigin="anonymous|use-credentials">memungkinkan pencatatan
kesalahan untuk
situs yang menggunakandomain terpisah untuk media statis. Nilai anonymous tidak
mengirim kredensial, sedangkan use-credentialsmengirimkan kredensial.
Defer <script defer> mengeksekusi skrip setelah dokumen diuraikan dan sebelum
mengaktifkan peristiwa DOMContentLoaded
src <script src="utl\path to resource"> menentukan URL/jalur file skrip external;
type <script type="text\javascript"> menentukan jenis skrip yang memuat misalnya
text\javascript, text\html, text\plain, aplikasi\json, aplikasi\pdf, dll
referrerpolicy <script referrerpolicy="no-referrer"> menentukan informasi perujuk mana yang akan
dikirim saat mengambil skrip. Nilai dapat berupa no-referrer,
no-referrer-when-downgrade, origin, same-origin, dll
integrity <script integrity="sha384-oqVuAfXRKap7fdgc"> menentukan bahwa agen pengguna
dapat digunakan
untuk memverivikasi bahwa sumber daya yang diambil telah dikirimkan
tanpa manipulasi yang tidak diharapakan
nomoduler <script nomodule> menetapkan bahwa skrip tidak boleh dijalankan di browser
yang mendukung ES2015
Previous Page