Rumah >hujung hadapan web >html tutorial >Bagaimanakah JavaScript sebaris berfungsi dengan HTML?
Bagaimanakah JavaScript sebaris berfungsi dengan HTML?
- PHPzke hadapan
- 2023-09-01 14:33:06525semak imbas
Dalam artikel ini, anda akan mempelajari cara JavaScript sebaris berfungsi dengan HTML. JavaScript sebaris mewakili blok kod yang ditulis antara teg <script> dalam fail html. Kelebihan menggunakan JavaScript sebaris dalam fail HTML ialah ia mengurangkan perjalanan pergi dan balik dari pelayar web ke pelayan. </script>
Contoh 1
Mari belajar cara menambah pernyataan asas dalam fail html menggunakan JavaScript sebaris -
<!DOCTYPE html >
<html>
<head>
<h2> This is a simple HTML file</h2>
<script>
document.write("Hi, This is an inline Javascript code written in between script tags");
</script>
</head>
</html>
Penerangan
-
Langkah 1 - Dalam fail html mudah, tambahkan tag tajuk
dan paparkan tajuk pilihan anda.
Langkah 2 - Tambahkan tag skrip <script> di bawah tag tajuk. </script>
Langkah 3 -Dalam teg skrip, gunakan fungsi document.write() untuk mencetak teks.
Contoh 2
Dalam contoh ini, mari kita mencetak tatasusunan daripada fail html menggunakan JavaScript sebaris.
<!DOCTYPE html >
<html>
<head>
<h2> This is a simple HTML file</h2>
<script>
document.write("An Inline Javascript code to display an array")
document.write("<br>")
const inputArray = [3,4,5,6,7,8]
document.write("The array is defined as :", inputArray)
</script>
</head>
</html>
Penerangan
-
Langkah 1 - Dalam fail html mudah, tambahkan tag tajuk
dan paparkan tajuk pilihan anda.
Langkah 2 - Tambahkan tag skrip <script> di bawah tag tajuk. </script>
Langkah 3 - Dalam teg skrip, takrifkan tatasusunan, inputArray dan tambah nilai pada tatasusunan.
Langkah 4 - Gunakan fungsi document.write() untuk mencetak tatasusunan.
Atas ialah kandungan terperinci Bagaimanakah JavaScript sebaris berfungsi dengan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!