console.log妙用

今天看到了一些console.log的用法現在分享給大家:方法來自http://www.alloyteam.com/2013/11/console-log/

轉載自AlloyTeam:http://www.alloyteam.com/2013/11/console-log/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // console.log() 的一些使用方法
        // 1.區分變量
        let a=1,b=2;
        console.log(a,b);// 1 2 
        console.log({a},{b});// {a: 1} {b: 2}
        // 2.輸出樣式:  
        // 寫在前面  %d 數字  %s 字符串  %o 對象
        let value='hello world';
        console.log( '%c12312', 'font-size: 20px; color : yellow');
        console.log('%c1%c2%c3','color:red','color:blue','color:green');//樣式和%c後面的數值一一對應
        console.log('%d * %d =',2,2,4);//有點類似於像是匹配模板
    </script>
</body>
</html>

輸出結果:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章