Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम कंसोल.लॉग () विधि

<घंटा/>

HTML DOM कंसोल.लॉग () विधि का उपयोग कंसोल पर संदेश लिखने के लिए किया जाता है। कंसोल का उपयोग मुख्य रूप से डिबगिंग और परीक्षण उद्देश्यों के लिए किया जाता है। संदेश एक स्ट्रिंग प्रकार या ऑब्जेक्ट प्रकार हो सकता है।

सिंटैक्स

कंसोल.लॉग विधि के लिए सिंटैक्स निम्नलिखित है -

onsole.log(msg)

यहां, संदेश एक स्ट्रिंग, सरणी या वस्तु हो सकता है। हम कई अल्पविराम से अलग किए गए ऑब्जेक्ट को पैरामीटर के रूप में भी भेज सकते हैं।

उदाहरण

आइए कंसोल.लॉग () विधि के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="logConsole()">LOG</button>
<script>
   function logConsole(){
      console.log("Following are some animal names");
      var Arr1 = ["dog", "cat", "monkey", "lion" ];
      console.log(Arr1);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम कंसोल.लॉग () विधि

लॉग बटन पर क्लिक करने और कंसोल देखने पर -

एचटीएमएल डोम कंसोल.लॉग () विधि

उपरोक्त उदाहरण में -

हमने सबसे पहले एक बटन LOG बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर logConsole() फ़ंक्शन निष्पादित करेगा -

<button type="button" onclick="logConsole()">LOG</button>

logConsole () फ़ंक्शन में इसके अंदर कंसोल.लॉग () विधि है। हमने पहले कंसोल.लॉग () विधि के पैरामीटर के रूप में एक साधारण स्ट्रिंग पास की है। फिर हमने कंसोल.लॉग () में लंबाई 4 की एक सरणी पास की है। यह दोनों संदेशों को उसी क्रम में प्रिंट करेगा जिस क्रम में वे दस्तावेज़ में हैं -

function logConsole(){
   console.log("Following are some animal names");
   var Arr1 = ["dog", "cat", "monkey", "lion" ];
   console.log(Arr1);
}

  1. एचटीएमएल डोम कंसोल.ग्रुपएंड () विधि

    HTML DOM कंसोल.ग्रुपएंड () विधि का उपयोग संदेश समूह के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान संदेश समूह से बाहर निकलता है। सिंटैक्स Follwing कंसोल.ग्रुपएंड () विधि के लिए सिंटैक्स है - console.groupEnd() उदाहरण आइए हम HTML DOM कंसोल के लिए एक उदाहरण देखें।ग्रुपएंड () विधि - &

  1. HTML DOM कंसोल.ग्रुपकोलैप्ड () विधि

    HTML DOM console.groupCollapsed() विधि एक संक्षिप्त संदेश समूह की शुरुआत निर्दिष्ट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - console.groupCollapsed(label) यहाँ, लेबल समूह के लिए लेबल है। उदाहरण आइए कंसोल के लिए एक उदाहरण देखें।ग्रुपकोलैप्ड () विधि - <!DOCTYPE html> <html> <body&

  1. HTML डोम createEvent () विधि

    HTML DOM createEvent () विधि का उपयोग एक ईवेंट ऑब्जेक्ट बनाने के लिए किया जाता है जिसका प्रकार पैरामीटर में निर्दिष्ट किया जाएगा। बनाए गए ईवेंट का उपयोग करने से पहले इसे प्रारंभ किया जाना चाहिए। किसी HTML तत्व को ईवेंट भेजने के लिए आपको उस निर्दिष्ट नोड पर डिस्पैचइवेंट () विधि का उपयोग करना होगा। सि