
การแสดงผลข้อมูลด้วย JavaScript
เราสามารถใช้ JavaScript แสดงผลข้อมูลได้หลากหลายวิธี ดังนี้
- แสดงข้อมูลในเอลิเมนต์ของ HTML โดยใช้ innerHTML
- แสดงเนื้อหาใน HTML ด้วย
document.write()
- แสดงข้อมูลทางกล่องข้อความแจ้งเตือนด้วย
window.alert()
- แสดงข้อมูลไปที่คอนโซลของเบราเซอร์ด้วย
console.log()
การใช้งาน innerHTML
เราสามารถใช้เมธอด document.getElementById(id)
เพื่อเข้าถึงเอลิเมนต์ของ HTML โดยการอ้างถึงแอททริบิวต์ id ดังนี้
<body> <p id="content"></p> <script> document.getElementById("content").innerHTML = "www.dcrub.com"; </script> </body>
การใช้งานเมธอด document.write()
เราสามารถแสดงข้อมูลในเว็บเพจ HTML โดยใช้เมธอด document.write()
ดังนี้
<body> <p id="content"></p> <script> document.write("www.dcrub.com"); </script> </body>
หมายเหตุ : การใช้เมธอด document.write()
หลังจากโหลดเพจเสร็จแล้ว จะเป็นการลบเนื้อหาทั้งหมดใน HTML แล้วแสดงค่าใหม่ออกมาแทน
แจ้งเตือนด้วย window.alert()
เราสามารถแสดงข้อความออกทางกล่องแจ้งเตือนด้วย window.alert()
ดังนี้
<script> window.alert("ข้อความแจ้งเตือน"); </script>
การใช้งานเมธอด console.log()
เราสามารถตรวจสอบความถูกต้องของข้อมูลโดยการแสดงข้อมูลออกทางคอนโซลของเว็บเบราเซอร์ โดยการใช้เมธอด console.log()
ดังนี้
<script> console.log(9 * 5); </script>
การใช้เมธอด window.print()
เราสามารถใช้เมธอด window.print()
เพื่อสังพิมพ์หน้าเว็บเพจปัจจุบันได้ ดังนี้
<button onclick="window.print()">พิมพ์หน้านี้</button>