控制台输出信息console.log()的用法总结

简介: 控制台输出信息console.log()的用法总结

定义和用法

console.log() 方法用于在控制台输出信息。

控制台需要可见 ,浏览器按下 F12 打开控制台。


语法

console.log(message)

示例

console.log('lockdatav');
//lockdatav


占位符


image.png


整数

console.log('%d',2);
// 2

对象字符串

 var datav = {name: '漏刻有时', value: 3};
 console.log("%o", datav);
//{name: "漏刻有时", value: 3}

浮点数

console.log("上证指数%f",3354.04);
 //上证指数3354.04

综合示例:

    var name = "漏刻有时数据可视化";
    var num = 3;
    var ver = 2.01;
    var obj = {
        years: '2019年6月12日',
        author:'PoLeung',
    };
    console.log('%s成立%d了,现在最新开源框架是%f版本.\n更多信息:  %o', name, num, ver, obj);
    //漏刻有时数据可视化成立3了,现在最新开源框架是2.01版本.
    //更多信息:  {years: "2019年6月12日", author: "PoLeung"}

样式表

console.log('%c漏刻有数数据可视化','color:#ff0033');



console.log('%c漏刻有数数据可视化,%cLOCKDATAV','color:#ff0033','color:#0033ff');


20200808090744905.png


显示信息的命令

    console.log("我是log");
    console.info("我是info");
    console.warn("我是warn");
    console.error("我是error");


20200808085721963.png


LOCKDATAV DONE!

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
5月前
|
SQL IDE Java
IDEA控制台如何查看格式化的SQL(MyBatis Log插件)
IDEA控制台如何查看格式化的SQL(MyBatis Log插件)
309 0
webpack 打包去掉控制台的console.log()
webpack 打包去掉控制台的console.log()
768 0
webpack 打包去掉控制台的console.log()
|
2天前
|
人工智能 数据可视化 开发工具
Git log 进阶用法(含格式化、以及数据过滤)
Git log 进阶用法(含格式化、以及数据过滤)
|
6月前
IntelliJ IDEA 如何在控制台过滤信息
IntelliJ IDEA 如何在控制台过滤信息
221 0
|
3月前
|
Web App开发 XML JavaScript
控制台 console.log() 的乐趣
控制台 console.log() 的乐趣
44 1
控制台 console.log() 的乐趣
|
3月前
|
测试技术 Python
pycharm使用pytest运行测试用例,无法在控制台输出print语句、log语句的解决办法
pycharm使用pytest运行测试用例,无法在控制台输出print语句、log语句的解决办法
76 1
|
6月前
|
监控 Java API
sentinel 控制台用法
sentinel 控制台用法
56 0
|
6月前
|
算法 程序员
idea中查看控制台的 红色字报错信息
一些小的理解, 小技巧, 会持续更新...
147 0
|
7月前
|
消息中间件 Java 专有云
RocketMQ控制台消费者堆栈信息展示优化分析
RocketMQ控制台消费者堆栈信息展示优化分析
248 3
|
7月前
|
监控 Java 数据安全/隐私保护
Spring Boot 高级用法 AOP 自定义注解实现日志
Spring Boot 高级用法 AOP 自定义注解实现日志
85 0