學習筆記之(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;", "\n");
    </script>