Menulis untuk Dokumen HTML
Contoh di bawah ini menulis elemen <p> dengan informasi tanggal saat ini untuk dokumen HTML:
Contoh
<html>
<body>
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>
</body>
</html>
<body>
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>
</body>
</html>
Cobalah sendiri »
Catatan: Cobalah untuk menghindari penggunaan document.write () dalam kode JavaScript kehidupan 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 keluaran JavaScript dalam tutorial.
Mengubah Elemen HTML
Contoh di bawah ini menulis tanggal saat ini menjadi elemen <p> yang ada:
Contoh
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
Cobalah sendiri »
Catatan: Untuk memanipulasi elemen HTML JavaScript menggunakan DOM metode getElementById () . 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>
<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>
<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: Cobalah sendiri
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>
<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.
0 Komentar