console是控制台。在JavaScript中,使用console.log语句就可以输出到控制台显示,利用chrome浏览器F12键可以很容易的进入控制台并看到这部分内容。 在一些网站上,console部分通常显示网页调试信息,也有些在此发布招聘信息,还有些在此处打印彩色的文字、图片,甚至还有些个人的博客网站在此处扩展网页功能用以炫耀技术。console.log的运用完善了网页功能,丰富了网页内容,增加了网页的可玩性。我在自己的网页源码中添加了以下内容,用以显示图片和文字。
console.log("%c My heart is with you.\n
%c囊中羞涩,租不起云主机,求大佬赏赐 (/≧▽≦/)\n
支付宝/微信:13646019112 (● ̄ε ̄●)\n
转账请备注 %c来自:wuguangnuo.cn,console",
"padding:40px 100px;line-height:100px;font-size:28px;font-weight:bold;background:url('http://love.png') no-repeat",
"font-size:16px;",
"color:crimson;font-weight:bold;font-size:16px;");
在这段代码中,有三个换行符,所以分成四行文字展示。有三个“%c”标志,在代码后半段也分别为其定义了样式。第一个样式显示了背景图片并定义了文字样式。第二个改变了字体大小。第三个改变了字体颜色粗细和大小。 这段代码的具体执行结果还是有请大家自行按F12打开观看吧。(如果你用的是IE浏览器就当我没说,只有chrome内核才支持conlose语句)