Untuk melangkah pada pembahasan kali ini, ada baiknya bagi yang tersesat disini, silahkan Anda kembali ke halaman atau posting sebelumnya ( Pengenalan Java Script ), ^_^
---------------------------------------------------------------------------------//
Untuk Menuliskan di Sebuah Dokumen HTML
Contoh di bawah ini menulis sebuah elemen <p> dengan informasi tanggal saat ini untuk dokumen HTML:
Contoh
Lihat Jadinya »
Catatan: Cobalah untuk menghindari penggunaan document.write () dalam kode JavaScript untuk diterapkan secara nyata. Seluruh halaman HTML akan ditimpa jika document.write () digunakan di dalam fungsi, atau setelah halaman dibuka. Namun, document.write () adalah cara mudah untuk menunjukkan JavaScript output dalam tutorial.
Mengubah Elemen HTML
Contoh di bawah ini menulis tanggal saat ini menjadi unsur <p> yang ada:
Contoh :
Coba sendiri »
Catatan: Untuk memanipulasi elemen HTML JavaScript menggunakan metode getElementById DOM (). Metode mengakses elemen dengan id tertentu.
Penjelasan Dari Contoh - contoh Diatas :
Untuk menyisipkan JavaScript ke dalam halaman HTML, gunakan tag <script>.
Di dalam tag <script> dapat menggunakan atribut "type" untuk mendefinisikan bahasa scripting nya.
<script> Dan </ script> memberitahu bahwa dimanakah JavaScript dimulai dan berakhir:
Tag antara <script> dan </ script> berisi JavaScript dan dijalankan oleh browser.
Dalam hal ini, browser akan mengganti konten dari elemen HTML dengan id = "demo", dengan tanggal saat ini:
Tanpa tag <script> , browser akan memperlakukan "document.getElementById (" demo ") innerHTML = Date ();." Sebagai teks murni dan hanya menulis ke halaman:
Coba sendiri disini
Beberapa Browser yang Tidak Mendukung JavaScript
Browser yang tidak mendukung JavaScript, akan menampilkan JavaScript sebagai isi halaman, hanya berupa teks.
Untuk mencegah browser melakukan hal ini, dan sebagai bagian dari JavaScript standar, tag komentar HTML harus anda gunakan untuk "menyembunyikan" JavaScript.
Hanya menambahkan tag komentar HTML <- sebelum pernyataan pertama JavaScript, dan a -!> (Akhir komentar) setelah lAnda tuliska JavaScript terakhir, contoh seperti ini:
Yang garis miring maju dua pada akhir baris komentar (/ /) adalah simbol komentar JavaScript. Hal ini mencegah JavaScript dari pembacaan tag - >. Jika anda tidak menuliskan atau mengetikkan tanda garis miring dua ( //) maka tag - > akan terbaca.
---------------------------------------------------------------------------------//
Untuk Menuliskan di Sebuah Dokumen HTML
Contoh di bawah ini menulis sebuah elemen <p> dengan informasi tanggal saat ini untuk dokumen HTML:
Contoh
<html> <body>
<h1> Halaman Web Pertama Saya </ h1>
<script type="text/javascript"> document.write ("<p>" + Date () + "</ p>"); </ Script>
</ Body> </ Html>
Lihat Jadinya »
Catatan: Cobalah untuk menghindari penggunaan document.write () dalam kode JavaScript untuk diterapkan secara nyata. Seluruh halaman HTML akan ditimpa jika document.write () digunakan di dalam fungsi, atau setelah halaman dibuka. Namun, document.write () adalah cara mudah untuk menunjukkan JavaScript output dalam tutorial.
Mengubah Elemen HTML
Contoh di bawah ini menulis tanggal saat ini menjadi unsur <p> yang ada:
Contoh :
<html>
<body>
<h1> Halaman Web Pertama Saya </ h1>
<p id="demo"> </ p> <script type="text/javascript"> document.getElementById ("demo") innerHTML = Date ().; </ Script>
</ Body>
</ Html>
Coba sendiri »
Catatan: Untuk memanipulasi elemen HTML JavaScript menggunakan metode getElementById DOM (). Metode mengakses elemen dengan id tertentu.
Penjelasan Dari Contoh - contoh Diatas :
Untuk menyisipkan JavaScript ke dalam halaman HTML, gunakan tag <script>.
Di dalam tag <script> dapat menggunakan atribut "type" untuk mendefinisikan bahasa scripting nya.
<script> Dan </ script> memberitahu bahwa dimanakah JavaScript dimulai dan berakhir:
<html>
<body>
<h1> Halaman Web Pertama Saya </ h1>
<p id="demo"> Ini adalah paragraf. </ p>
<script type="text/javascript"> ... beberapa kode JavaScript ... </ Script>
</ Body>
</ Html>
Tag antara <script> dan </ script> berisi JavaScript dan dijalankan oleh browser.
Dalam hal ini, browser akan mengganti konten 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> , browser akan memperlakukan "document.getElementById (" demo ") innerHTML = Date ();." Sebagai teks murni dan hanya menulis ke halaman:
Coba sendiri disini
Beberapa Browser yang Tidak Mendukung JavaScript
Browser yang tidak mendukung JavaScript, akan menampilkan JavaScript sebagai isi halaman, hanya berupa teks.
Untuk mencegah browser melakukan hal ini, dan sebagai bagian dari JavaScript standar, tag komentar HTML harus anda gunakan untuk "menyembunyikan" JavaScript.
Hanya menambahkan tag komentar HTML <- sebelum pernyataan pertama JavaScript, dan a -!> (Akhir komentar) setelah lAnda tuliska JavaScript terakhir, contoh seperti ini:
<html>
<body>
<script type="text/javascript">
<! -
document.getElementById ("demo") innerHTML = Date ().;
//-->
</ Script>
</ Body>
</ Html>
Yang garis miring maju dua pada akhir baris komentar (/ /) adalah simbol komentar JavaScript. Hal ini mencegah JavaScript dari pembacaan tag - >. Jika anda tidak menuliskan atau mengetikkan tanda garis miring dua ( //) maka tag - > akan terbaca.
