JavaScript Where To


Javascripts dapat diletakkan di <body> dan di bagian <head> dari sebuah halaman HTML.


JavaScript di <body>

Contoh di bawah ini menulis tanggal saat ini menjadi elemen <p> ada ketika beban halaman (loads) :

<html>
<body>

<h1>My First Web Page</h1>

<p id=”demo”></p>

<script type=”text/javascript”>
document.getElementById(“demo”).innerHTML=Date();
</script>

</body>
</html>

Perhatikan : bahwa JavaScript ditempatkan di bagian bawah halaman untuk memastikan itu tidak dijalankan sebelum elemen <p> dibuat .

JavaScript Fungsi and Peristiwa

JavaScript dalam sebuah halaman HTML akan dieksekusi ketika beban halaman . Hal ini tidak selalu apa yang kita inginkan.

Kadang-kadang kita ingin mengeksekusi JavaScript suatu ketika sebuah event terjadi , seperti ketika pengguna mengklik tombol .

Ketika hal ini terjadi kita bisa menempatkan script di dalam funtion .

Acara biasanya digunakan dalam kombinasi dengan fungsi (seperti memanggil fungsi ketika peristiwa terjadi) .

Anda akan belajar lebih banyak tentang fungsi JavaScript dan peristiwa di bab berikutnya .

JavaScript in <head>

Contoh di bawah memanggil fungsi ketika sebuah tombol diklik :

<html>

<head>
<script type=”text/javascript”>
function displayDate()
{
document.getElementById(“demo”).innerHTML=Date();
}
</script> 
</head>

<body>

<h1>My First Web Page</h1>

<p id=”demo”></p>

<button type=”button” onclick=” displayDate() “>Display Date</button>

</body>
</html>

Scripts in <head> and <body>

Anda dapat menempatkan jumlah tidak terbatas skrip dalam dokumen Anda, dan Anda dapat memiliki skrip baik di tubuh dan bagian kepala pada saat yang sama.

Ini adalah praktek umum untuk meletakkan semua fungsi di bagian kepala, atau di bagian bawah halaman. Dengan cara ini mereka semua di satu tempat dan tidak mengganggudengan konten halaman .

Menggunakan External JavaScript

JavaScript juga dapat ditempatkan dalam file eksternal.

Eksternal JavaScript file sering berisi kode yang akan digunakan pada beberapa halaman web yang berbeda.

Eksternal JavaScript file memiliki ekstensi file. Js.

Catatan : skrip eksternal tidak dapat berisi <script> </ script> tag !

Untuk menggunakan skrip eksternal, arahkan ke file js di atribut “src” dari tag <script>. :

<html>
<head>
<script type=”text/javascript” src=”xxx.js”></script> 
</head>
<body>
</body>
</html>

Catatan : Jangan lupa untuk menempatkan script persis di mana Anda biasanya akan menulis skrip !

Leave a Reply

Your email address will not be published. Required fields are marked *