学习笔记之(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)