Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เมธอด HTML DOM console.info()

เมธอด HTML DOM console.info() ใช้สำหรับเขียนข้อความข้อมูลไปยังคอนโซล เมธอดนี้มีประโยชน์สำหรับการดีบั๊กและทดสอบ บางเบราว์เซอร์เช่น Firefox, Chrome แสดงไอคอน i เล็กๆ สีน้ำเงินสำหรับข้อความที่พิมพ์ด้วยเมธอดนี้

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด HTML DOM console.info() ดังนี้ -

console.info(message)

ที่นี่ message เป็นพารามิเตอร์ที่จำเป็น และสามารถเป็นประเภท string หรือ object จะถูกแสดงในคอนโซล

ตัวอย่าง

ลองดูตัวอย่างสำหรับเมธอด HTML DOM console.info() -

<!DOCTYPE html> <html> <body> <h1>console.info() Method</h1> <p>กด F12 เพื่อดูข้อความในมุมมองคอนโซล</p> <button onclick="printInfo()">INFO</button> <script> function printInfo(){ console.info("Information is printed"); console.info("This is some other information"); } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

เมธอด HTML DOM console.info()

เมื่อคลิกปุ่ม INFO และดูมุมมองคอนโซล -

เมธอด HTML DOM console.info()

ในตัวอย่างข้างต้น -

เราสร้างปุ่ม INFO ที่จะเรียกใช้ฟังก์ชัน printInfo() เมื่อผู้ใช้คลิก -

<button onclick="printInfo()">INFO</button>

เมธอด printInfo() มีเมธอด console.info() ภายในที่พิมพ์ข้อความข้อมูลไปยังคอนโซล ตามที่เห็นในเอาต์พุท มีไอคอน i ข้างข้อความที่เขียนด้วย console.info() -

function printInfo(){ console.info("Information is printed"); console.info("This is some other information"); }