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

HTML DOM console.info() วิธีการ


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

ไวยากรณ์

ต่อไปนี้เป็นรูปแบบ HTML DOM console.info() -

console.info( message )

ในที่นี้ ข้อความเป็นพารามิเตอร์ที่จำเป็นและสามารถเป็นประเภทสตริงหรืออ็อบเจ็กต์ได้ แสดงในคอนโซล

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับ HTML DOM console.info() วิธีการ -

<!DOCTYPE html>
<html>
<body>
<h1>console.info() Method</h1>
<p>Press F12 key to view the message in the console view.</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 ");
}