HTML DOM console.log()用法及代码示例

HTML中的console.log()方法用于在控制台中编写消息。它指示在测试任何程序期间的重要消息。该消息将作为参数发送到console.log()方法。

用法:

console.log( message )

参数：此方法接受单个参数消息，该消息是必需的，用于指定要在控制台上写入的信息。

以下程序说明了HTML中的console.log()方法：
范例1：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>DOM console.log() Method</title> 
    <style> 
        h1 { 
            color:green; 
        } 
          
        h2 { 
            font-family:Impact; 
        } 
          
        body { 
            text-align:center; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
    <h2>DOM console.log() Method</h2> 
    <p> 
        To view the message in the console  
        press the F12 key on your keyboard. 
    </p> 
    <p> 
        To view the message, double click 
        the button below:
    </p> 
    <br> 
    <button ondblclick="log_console()"> 
        View Message 
    </button> 
    <script> 
        function log_console() { 
            console.log 
                ("GeeksforGeeks is a portal for geeks."); 
        } 
    </script> 
</body> 
  
</html>

输出：

控制台视图：

范例2：使用console.log()方法时显示对象

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>DOM console.log() Method</title> 
    <style> 
        h1 { 
            color:green; 
        } 
          
        h2 { 
            font-family:Impact; 
        } 
          
        body { 
            text-align:center; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
    <h2>DOM console.log( ) Method</h2> 
    <p> 
        To view the message in the console 
        press the F12 key on your keyboard. 
    </p> 
    <p> 
        To view the message, double click 
        the button below:
    </p> 
    <br> 
    <button ondblclick="log_console()"> 
        View Message 
    </button> 
    <script> 
        function log_console() { 
            var MyElement = { 
                Product:"Coca Cola", 
                Type:"Beverage" 
            }; 
            console.log(MyElement); 
        } 
    </script> 
</body> 
  
</html>

输出：

控制台视图：

支持的浏览器：console.log()方法支持的浏览器如下：

谷歌浏览器
Internet Explorer 8.0
Firefox 4.0
Opera
苹果浏览器

相关用法

注：本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM console.log() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。