การออกทราบของ JavaScript

JavaScript ไม่มีฟังก์ชันพิมพ์หรือแสดงภายในโปรแกรม

วิธีแสดงข้อมูลของ JavaScript

JavaScript สามารถแสดงข้อมูลด้วยวิธีต่างๆ

  • ใช้ window.alert() เขียนเข้าตัวเตือน
  • ใช้ document.write(); เขียนเข้าออกที่ออกแบบเนื้อหา
  • ใช้ innerHTML เขียนเข้าองค์ประกอบ HTML
  • ใช้ console.log(); เขียนเข้าบอร์เดอร์ที่เครื่องมือเขียน HTML

ใช้ innerHTML

เพื่อเข้าถึงองค์ประกอบ HTML จาก JavaScript สามารถใช้ document.getElementById(id) วิธี

id แคร์ในองค์ประกอบ HTML คือนิยามขององค์ประกอบ HTML.innerHTML คือนิยามของเนื้อหา HTML:

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>เว็บไซต์แรกของฉัน</h1>
<p>ประโยคแรกของฉัน</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

ทดลองด้วยตัวเอง

คำเตือน：แก้ไขค่า innerHTML ขององค์ประกอบ HTML คือวิธีที่ติดตามที่สำคัญในการแสดงข้อมูลใน HTML

ใช้ document.write()

สำหรับวัตถุประสงค์ทดสอบ ใช้ document.write(); มากขึ้นต่อไป

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>เว็บไซต์แรกของฉัน</h1>
<p>ประโยคแรกของฉัน</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

ทดลองด้วยตัวเอง

คำเตือน：ใช้ในสถานการณ์ที่เว็บเดอะเมนต์เต็มที่ทั้งหมดได้โหลดเรียบร้อย document.write(); ใช้ลบทุก HTML ที่มีอยู่แล้ว :

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>เว็บไซต์แรกของฉัน</h1>
<p>ประโยคแรกของฉัน</p>
<button onclick="document.write(5 + 6)">ทดลอง</button>
</body>
</html>

ทดลองด้วยตัวเอง

คำเตือน：document.write(); วิธีนี้ใช้เพื่อการทดสอบเท่านั้น

ใช้ window.alert()

คุณสามารถใช้หน้าต่างเตือนเพื่อแสดงความ

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>เว็บไซต์แรกของฉัน</h1>
<p>ประโยคแรกของฉัน</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

ทดลองด้วยตัวเอง

ใช้ console.log()

ในเบราเซอร์ คุณสามารถใช้ console.log(); วิธีในการแสดงแสดงความ

โปรดใช้ F12 ในเบราเซอร์เพื่อปลุกคอนโซลและเลือก "คอนโซล" ในแถวเมนู

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>เว็บไซต์แรกของฉัน</h1>
<p>ประโยคแรกของฉัน</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

ทดลองด้วยตัวเอง