学习笔记之(console)

今天小颖在逛博客园时,发现一位帅锅写的有意思的Console小颖看了后,就自己敲了一遍嘻嘻,为了方便以后查看,小颖把它记录下来嘻嘻,有兴趣的小伙伴也可以自己试试哦。

格式占位符 作用
%s 字符串
%d or %i 整数
%f 浮点数
%o 可展开的DOM
%O 列出DOM属性
%c 根据提供的CSS样式格式化字符串

1.%s(字符串)

    <script type="text/javascript">
console.log("%s", "hello!");
console.log("%s", "小颖是个爱喝酸奶的汉纸!");
</script>

学习笔记之(console)

2.%d and %i

    <script type="text/javascript">
console.log("%d", "55.22");
console.log("%d", 55.22);
console.log("%d", 55.6);
console.log("%i", "55.22");
console.log("%i", 55.22);
console.log("%i", 55.67);
</script>

学习笔记之(console)

3.%f

    <script type="text/javascript">
console.log("%f", "55.67");
console.log("%f", 55.67);
</script>

学习笔记之(console)

4.%o

学习笔记之(console)

5.%O

学习笔记之(console)

6.%c

    <script type="text/javascript">
console.log("%c%s", "color: red; background: yellow; font-size: 40px;", "警告,请不要在此粘贴执行任何内容,这可能会导致您的账户安去带来威胁,给您带来损失!");
console.log("如有任何疑问请联系%c0755-836xxxx", "color:red;font-weight:bold;");
console.log("%c%s", "color:pink;font-size:20px;", "警告,请不要在此粘贴执行任何内容,这可能会导致您的账户安去带来威胁,给您带来损失!");
console.log("%c如有任何疑问请联系0755-836xxxx", "color:green;font-weight:bold;");
console.log("%c ", "background: url(http://images2015.cnblogs.com/blog/813088/201611/813088-20161129115538756-21141764.jpg) no-repeat left center;font-size: 300px;", "\n");
</script>

学习笔记之(console)

上一篇:php 理解


下一篇:【适合N卡独显电脑的环境配置】Tensorflow教程-Windows 10下安装tensorflow 1.5.0 GPU with Anaconda