Output JavaScript
JavaScript tidak mempunyai sebarang fungsi pencetakan atau output.
JavaScript untuk memaparkan data
JavaScript boleh mengeluarkan data dengan cara yang berbeza:
Gunakan window.alert() untuk pop atas Kotak amaran.
Gunakan kaedah document.write() untuk menulis kandungan ke dalam dokumen HTML.
Gunakan innerHTML untuk menulis pada elemen HTML.
Gunakan console.log() untuk menulis ke konsol penyemak imbas.
Gunakan window.alert()
Anda boleh muncul kotak amaran untuk memaparkan data:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn)</title>
</head>
<body>
<h1>我的第一個(gè)頁(yè)面</h1>
<p>我的第一個(gè)段落。</p>
<script>
window.alert('你好嗎');
</script>
</body>
</html>Jalankan atur cara untuk mencubanya
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 dan innerHTML untuk mendapatkan atau memasukkan kandungan elemen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn）</title>
</head>
<body>
<h1>PHP中文網(wǎng)</h1>
<p id="demo">我的第一個(gè)段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
</body>
</html>Jalankan atur cara untuk mencubanya
Pernyataan JavaScript di atas (dalam < skrip> teg) boleh dilaksanakan dalam penyemak imbas 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.
Tulis ke dokumen HTML
Anda boleh menulis JavaScript terus dalam dokumen HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)（php.cn）</title> </head> <body> <h1>我的第一個(gè) Web 頁(yè)面</h1> <p>我的第一個(gè)段落。</p> <script> document.write(Date()); </script> </body> </html>
Jalankan atur cara untuk mencubanya keluar
Nota: Sila gunakan document.write() untuk menulis kandungan pada output dokumen sahaja. Jika document.write dilaksanakan selepas dokumen selesai dimuatkan, keseluruhan halaman HTML akan ditimpa. Seperti yang berikut
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)(php.cn)</title>
</head>
<body>
<h1>我的第一個(gè) Web 頁(yè)面</h1>
<p>我的第一個(gè)段落。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
function myFunction()
{
document.write(Date());
}
</script>
</body>
</html>Jalankan program dan cuba
Tulis ke konsol
Jika penyemak imbas anda menyokong penyahpepijatan , anda boleh menggunakan kaedah console.log() untuk 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> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)（php.cn）</title> </head> <body> <h1>我的第一個(gè) Web 頁(yè)面</h1> <p> 瀏覽器中(Chrome, IE, Firefox) 使用 F12 來(lái)啟用調(diào)試模式， 在調(diào)試窗口中點(diǎn)擊 "Console" 菜單。 </p> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
Jalankan program dan cuba
