masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网（php.cn)</title>
</head>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</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中文网（php.cn）</title>
</head>
<body>
<h1>PHP中文网</h1>
<p id="demo">我的第一个段落。</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中文网（php.cn）</title>
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</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中文网(php.cn)</title> 
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</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中文网（php.cn）</title> 
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Jalankan program dan cuba




Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网（php.cn)</title> </head> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert('你好吗'); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492286 permainan