<script> Tag HTML digunakan untuk menyisipkan JavaScript ke sebuah halaman HTML.
Menulis untuk Dokumen HTML
Contoh di bawah ini menulis elemen <p> dengan informasi tanggal saat ini untuk dokumen HTML :
<html>
<body><h1>My First Web Page</h1>
<script type=”text/javascript”>
document.write(“<p>” + Date() + “</p>”);
</script></body>
</html>
Catatan : Cobalah untuk menghindari menggunakan document.write () dalam kode JavaScriptkehidupan nyata. Seluruh halaman HTML akan ditimpa jika document.write () digunakan di dalam fungsi, atau setelah halaman dibuka. Namun, document.write () adalah cara mudahuntuk menunjukkan keluaran JavaScript dalam tutorial.
Mengubah Elemen HTML
Contoh di bawah ini menulis tanggal saat ini menjadi elemen <p> yang ada:
<html>
<body><h1>My First Web Page</h1>
<p id=”demo”></p>
<script type=”text/javascript”>
document.getElementById(“demo”).innerHTML=Date();
</script></body>
</html>
Catatan : Untuk memanipulasi elemen HTML JavaScript menggunakan metodegetElementById DOM (). Metode ini mengakses elemen dengan id tertentu .
Contoh Dijelaskan :
Untuk menyisipkan JavaScript ke dalam sebuah halaman HTML, gunakan tag <script>.
Di dalam tag <script> menggunakan jenis atribut untuk mendefinisikan bahasa scripting.
<script> Dan </ script> memberitahu dimana JavaScript mulai dan berakhir :
<html>
<body>
<h1>My First Web Page</h1><p id=”demo”>This is a paragraph.</p>
<script type=”text/javascript”>
… some JavaScript code …
</script></body>
</html>
Garis antara <script> dan </ script> berisi JavaScript dan dieksekusi oleh browser.
Dalam hal ini browser akan menggantikan isi dari elemen HTML dengan id “demo” =,dengan tanggal saat ini :
<html>
<body>
<h1>My First Web Page</h1><p id=”demo”>This is a paragraph.</p>
<script type=”text/javascript”>
document.getElementById(“demo”).innerHTML=Date();
</script></body>
</html>
Tanpa tag <script> (s), browser akan memperlakukan “document.getElementById (” demo”) innerHTML = Date ();.” Sebagai teks murni dan hanya menulis ke halaman :
Beberapa Browser tidak mendukung JavaScript
Browser yang tidak mendukung JavaScript, akan menampilkan JavaScript sebagai isi halaman .
Untuk mencegah mereka dari melakukan hal ini, dan sebagai bagian dari standarJavaScript, tag komentar HTML harus digunakan untuk “menyembunyikan” JavaScript .
Hanya menambahkan tag komentar HTML <!– sebelum pernyataan JavaScript pertama, dan –> (akhir komentar) setelah pernyataan JavaScript terakhir, seperti ini :
<html>
<body>
<script type=”text/javascript”>
<!–
document.getElementById(“demo”).innerHTML=Date();
//–>
</script>
</body>
</html>
Dua garis miring ke depan pada akhir baris komentar (/ /) adalah simbol JavaScript komentar . Ini mencegah JavaScript dari mengeksekusi –> tag .