zoukankan      html  css  js  c++  java
  • 学习笔记之(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>

    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>

    3.%f

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

    4.%o

    5.%O

    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;", "
    ");
        </script>

  • 相关阅读:
    day25:接口类和抽象类
    vue1
    How the weather influences your mood?
    机器学习实验方法与原理
    How human activities damage the environment
    Slow food
    Brief Introduction to Esports
    Massive open online course (MOOC)
    Online learning in higher education
    Tensorflow Dataset API
  • 原文地址:https://www.cnblogs.com/yingzi1028/p/6122669.html
Copyright © 2011-2022 走看看