HTML <script> element digunakan untuk menulis script, atau lebih tepatnya adalah untuk menyisipkan script (seperti JavaScript) pada sisi client, baik itu ditulis secara langsung di dalam element <script>, maupun merujuk sumber file eksternal dengan attribute src.
Jika src attribute disebutkan (ditulis), maka <script> element, harus kosong (tidak boleh berisi konten apapun). Begitu juga sebaliknya, apabila script (javascript) tersebut ditulis langsung didalam element <script>, maka src attribute tidak boleh disebutkan.
<script> tanpa attribute <script src="nama-script.js"></script> 1 atau <script src="nama-script.js"></script> 2 akan dijalankan (dieksekusi) secara langsung sebelum browser melanjutkan mengurai konten pada halaman tersebut (untuk lebih jelasnya, lihat pada attribute dan ).
Attributes
Atribut HTML Tag <script>
<script src="nama-script.js"></script> 1 Attribute
Menunjukkan asynchronously yang berarti tidak serempak. Attribute ini digunakan untuk menentukkan bahwa script akan dieksekusi sedangkan konten (halaman) akan terus dibaca/diurai (parse), sehingga berjalan masing-masing. Attribute ini berlaku untuk eksternal script.
Value: <script src="nama-script.js"></script> 5
<script src="nama-script.js"></script> 6 Attribute
Menentukkan character encoding yang digunakan pada file eksternal script.
Value: charset
<script src="nama-script.js"></script> 2 Attribute
defer berarti tunda atau menangguhkan. Attribute ini digunakan untuk menangguhkan (menunda) script supaya tidak dijalankan terlebih dahulu sebelum halaman selesai dibaca atau dimuat.
Value: <script src="nama-script.js"></script> 2
src Attribute
Menentukkan link (URL) yang merujuk pada sumber file script external.
Value: URL
<script type="text/javascript" src="nama-script.js"></script> 0 Attribute
Menentukkan tipe media yang digunakan untuk script tersebut.
Value: media_type
Global Attributes
Atribut Secara Global (Keseluruhan)
<script> tag mencakup global attributes.
Tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Silahkan, lihat referensi mengenai HTML Global Attribute
Event Attributes
Atribut event (Peristiwa)
<script> tag mencakup event attributes.
Attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Silahkan, lihat referensi mengenai HTML Events Attribute
Example
Contoh Bagaimana Menulis Script di dalam HTML?
Bagaimana menysisipkan script (javascript) di dalam HTML? Lihat contoh dibawah ini, kemudian Anda dapat memasukkannya diantara element <script type="text/javascript" src="nama-script.js"></script> 1 dan <script type="text/javascript" src="nama-script.js"></script> 2 ataupun diantara element <script type="text/javascript" src="nama-script.js"></script> 3 dan <script type="text/javascript" src="nama-script.js"></script> 4. Untuk lebih jelasnya, Anda dapat melihat sumber kode pada contoh lengkap demo editor di bawah.
Contoh HTML <script> tag - Internal Script:
HTML
<script> document.write("Selamat datang"); </script>
Contoh HTML <script> tag - External Script:
HTML
<script src="nama-script.js"></script>
Di dalam HTML5 Anda dapat menambahkan <script type="text/javascript" src="nama-script.js"></script> 0 attribute hanya sebagai pilihan opsional, tetapi dalam HTML4 dan (x)HMTL, attribute ini wajib ditulis. Contoh:
HTML
<script type="text/javascript" src="nama-script.js"></script>
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.