JavaScript Where To

< Previous
Next >

Tag <Script> di JavaScript

Dalam HTML, Kode JavaScript harus disisipkan di antara tag <script> dan tag</script>.

Contohnya:

Contoh Old JavaScript dapat menggunakan type attribute : <script type=”text/javascript”>
type attribute tidak diperluhkan. JavaScript adalah bahasa scripting default dalam HTML

JavaScript Functions dan Events

sebuah function di JavaScript adalah blok kode javaScript, yang dapat dijalankan ketika di called.
Misalnya function bisa berjalan ketika sebuah event terjadi, seperti ketika pengguna mengklik tombol.

Anda akan belajar lebih banyak tentang functions & events dalam artikel berikutnya.

 Penempatan JavaScript di <head> atau <body>.

Anda dapat menempatkan sejumplah scrip dalam dokumen HTML.
Script dapat ditempatkan dalam <body> atau dalam <head> halaman HTML, atau keduanya.

JavaScript di <head>

dalam contoh ini, function JavaScript ditempatkan di <head> halaman HTML.
function dipanggil (called) ketika sebuah tombol diklik.

contohnya:

JavaScript di <body>

Dalam contoh ini, function JavaScript ditempatkan di <body> bagian dari halaman HTML.
function dipanggil (called) ketika sebuah tombol di klik:

Contohnya

Meletakkan atau menempatkan Script JavaScript dibawah element <body> akan meningkatkan kecepatan loading tampilan, karena script kompilasi akan memperlambat layar.

External JavaScript

JavaScript juga dapat ditempatkan dalam file eksternal:

External file: myScript.js

script eksternal sangat praktis ketika script yang sama digunakan di banyak halaman web yang berbeda.

file JavaScript memiliki ekstensi file .js
Untuk menggunakan Script external, menempatkan nama script file src (source) attribute dari tag <script>:

Contohnya

anda dapat menempatkan referensi script esternal di <head> atau <body> yang anda inginkan.
script akan bersikap seolah-olah terletak persis di tag<script> berada.

Script ekternal tidak dapat berisi tag<script>

 Keuntungan Eksternal JavaScript

Menempatkan script di file eksternal memiliki beberapa keuntungan;

  1. Memisahkan HTML dan Kode
  2. Membuat HTML dan JavaScript lebih mudah dibaca dan memeliharanya (maintain)
  3. cached javaScript files dapat mempercepat loads halaman.

Untuk menambah beberapa file script untuk satu halaman – menggunakan beberapa tag<script>:

Contohnya

External References

Script eksternal dapat dirujuk dengan URL penuh atau dengan path relatif ke halaman web saat ini.
Contoh ini menggunakan URL lengkap untuk link ke script:

Contohnya:

Contoh ini menggunakan script terletak di folder tertentu di situs web saat ini:

Contohnya

Contoh ini, like ke script yang terletak  di folder yang sama dengan halaman saat ini (dibuka):

< Previous
Next >

Recommended For You

About the Author: BeHangat.Net

BeHangat.Net adalah website yang membahas tentang berbagai pelajaran dan berita teknologi yang berguna bagi pembaca.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

fifteen − 1 =