Output JavaScript

JavaScript biasanya digunakan untuk memanipulasi elemen HTML.

JavaScript memaparkan data

JavaScript boleh mengeluarkan data dengan cara yang berbeza:

Gunakan window.alert() untuk muncul Kotak amaran. Gunakan kaedah document.write() untuk menulis kandungan pada dokumen HTML. Gunakan innerHTML untuk menulis pada elemen HTML. Gunakan console.log() untuk menulis ke konsol penyemak imbas.

Memanipulasi Elemen HTML

Untuk mengakses elemen HTML daripada JavaScript, anda boleh menggunakan kaedah document.getElementById(id).

Sila gunakan atribut "id" untuk mengenal pasti elemen HTML:

rreee

Pernyataan JavaScript di atas (dalam < ;script> ; tag) boleh dilaksanakan dalam pelayar web:

document.getElementById("demo") ialah kod JavaScript yang menggunakan atribut id untuk mencari elemen HTML.

innerHTML = "Perenggan telah diubah suai." ialah kod JavaScript yang digunakan untuk mengubah suai kandungan HTML (innerHTML) elemen.

Gunakan window.alert()

Anda boleh muncul kotak amaran untuk memaparkan data:

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>document.getElementById("demo").innerHTML="My First JavaScript";</script>
</body>
</html>

Dalam tutorial ini

Dalam kebanyakan kes dalam tutorial ini kami akan menggunakan kaedah yang diterangkan di atas untuk menghasilkan:

Contoh berikut secara langsung menulis elemen <p> dengan id="demo" ke output dokumen HTML:

Tulis ke dokumen HTML

Untuk tujuan ujian, anda boleh JavaScript ialah ditulis terus dalam dokumen HTML:

<!DOCTYPE html>
<html>
<body>
<h1>我的第一個(gè)頁面</h1>
<p>我的第一個(gè)段落。</p>
<script>
window.alert('Hello Word!');
</script>
</body>
</html>

Sila gunakan document.write() untuk menulis kandungan pada output dokumen sahaja.

Jika document.write dilaksanakan selepas dokumen selesai dimuatkan, keseluruhan halaman HTML akan ditimpa.

<!DOCTYPE html>
<html>
<body>
<h1>我的第一個(gè) Web 頁面</h1>
<p>我的第一個(gè)段落。</p>
<script>
document.write(Date());
</script>
</body>
</html>

Tulis ke konsol

Jika penyemak imbas anda menyokong penyahpepijatan, anda boleh menggunakan konsol The .log () kaedah memaparkan nilai JavaScript dalam penyemak imbas.

Gunakan F12 dalam penyemak imbas untuk mendayakan mod nyahpepijat, dan klik menu "Konsol" dalam tetingkap penyahpepijatan.

 <!DOCTYPE html>
<html>
<body>
<h1>我的第一個(gè) Web 頁面</h1>
<p>我的第一個(gè)段落。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
function myFunction()  {
   document.write(Date());
}
</script>
</body>
</html>

Nyahpepijat dalam atur cara ialah proses menguji, mencari dan mengurangkan pepijat (ralat).

Meneruskan pembelajaran