Rumah > Artikel > hujung hadapan web > Adakah html menggunakan kod javascript?
Adakah html menggunakan kod javascript?
- 王林asal
- 2023-05-12 13:34:07629semak imbas
Kod JavaScript boleh digunakan dalam HTML. JavaScript ialah bahasa skrip yang boleh dijalankan dalam pelayar web untuk menjadikan halaman web lebih interaktif dan dinamik. JavaScript boleh disertakan dalam fail HTML untuk mengendalikan input pengguna, operasi respons dan perubahan data dalam halaman web.
HTML menyediakan beberapa teg dan atribut yang membolehkan HTML dan JavaScript bekerjasama antara satu sama lain. Sebagai contoh, anda boleh menggunakan atribut onclick untuk menetapkan fungsi JavaScript pada butang HTML sebagai tindak balas kepada klik pengguna. Anda boleh menggunakan objek dokumen untuk memanipulasi kandungan elemen dalam dokumen HTML, seperti menukar teks, gambar, pautan, dsb. Selain itu, JavaScript boleh digunakan dengan borang HTML untuk mengesahkan input atau melakukan pengiraan.
Berikut ialah contoh yang menunjukkan cara halaman HTML menggunakan kod JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>使用JavaScript的HTML页面</title>
</head>
<body>
<h1>JavaScript例子</h1>
<p>本页面展示了如何使用JavaScript代码。</p>
<button onclick="myFunction()">点击我！</button>
<p id="demo">在此处显示JavaScript的输出。</p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
</script>
</body>
</html>Dalam contoh ini, atribut onclick butang menetapkan fungsi JavaScript myFunction(). Fungsi ini dilaksanakan apabila pengguna mengklik butang. Fungsi ini menggunakan kaedah getElementById() objek dokumen untuk mendapatkan elemen HTML dengan id "demo", dan menambah teks "Hello World!" Jadi apabila pengguna mengklik butang, teks pada halaman berubah.
Ringkasnya, HTML boleh menggunakan kod JavaScript untuk meningkatkan dinamik dan interaktiviti halaman web. JavaScript disepadukan rapat dengan HTML, membolehkan pembangun mengurus dan mengawal tingkah laku halaman web dengan lebih fleksibel.
Atas ialah kandungan terperinci Adakah html menggunakan kod javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!