Menulis Java Script di HTML
Contoh di bawah ini menulis elemen <p> dengan informasi tanggal sekarang ke dokumen HTML:
<html>
<body>
<h1>
Halaman Web Pertama Saya </ h1>
<script
type="text/javascript">
document.write("<p>"
+ Date() + "</p>");
</script>
</body>
</html>
Catatan: Cobalah untuk menghindari penggunaan document.write () dalam kode kehidupan nyata JavaScript. Halaman HTML seluruh akan ditimpa jika document.write () digunakan di dalam fungsi, atau setelah halaman dibuka. Namun, document.write () adalah cara mudah untuk menunjukkan keluaran JavaScript di tutorial.
Mengubah Elemen HTML
Contoh di bawah ini menulis tanggal sekarang ke dalam elemen <p> yang ada:
<html>
<body>
<h1>
Halaman Web Pertama Saya </ h1>
<p
id="demo"></p>
<script
type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
Catatan: Untuk memanipulasi elemen HTML JavaScript menggunakan metode getElementById DOM (). Metode ini mengakses elemen dengan id tertentu.
Contoh Dijelaskan
Untuk memasukkan sebuah JavaScript ke dalam halaman HTML, gunakan tag <script>.
Di dalam tag <script> menggunakan jenis atribut untuk mendefinisikan bahasa scripting.
Para <script> dan </ script> memberitahu dimana JavaScript mulai dan berakhir:
<html>
<body>
<h1>
Halaman Web Pertama Saya </ h1>
<p
id="demo"> Ini adalah paragraf. </ p>
<script
type="text/javascript">
... some JavaScript code ...
</script>
</body>
</html>
Garis antara <script> dan </ script> mengandung 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>
Halaman Web Pertama Saya </ h1>
<p
id="demo"> Ini adalah paragraf. </ 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 standar JavaScript, 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 komentar JavaScript. Ini mencegah JavaScript dari mengeksekusi --> tag>.
Salam Pembelajar...!!!!
0 komentar:
Posting Komentar