console.log妙用

绝地灬酷狼 2023-02-18 03:04 174阅读 0赞

> 今天看到了一些console.log的用法现在分享给大家：方法来自[http://www.alloyteam.com/2013/11/console-log/][http_www.alloyteam.com_2013_11_console-log]
> 
> 转载自AlloyTeam：[http://www.alloyteam.com/2013/11/console-log/][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>

输出结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw_size_16_color_FFFFFF_t_70][]

[http_www.alloyteam.com_2013_11_console-log]: http://www.alloyteam.com/2013/11/console-log/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200615154302753.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 hr标签妙用

hr标签可以在页面中产生一条水平线，将文本区域内容分开，以增加网页的层次感。 hr标签可以通过size , color , width , noshade , align 等

红太狼/ 2024年02月18日 18:45/ 0 赞/ 68 阅读

相关 console.log妙用

> 今天看到了一些console.log的用法现在分享给大家：方法来自[http://www.alloyteam.com/2013/11/console-log/][http_

绝地灬酷狼/ 2023年02月18日 03:04/ 0 赞/ 175 阅读

相关 Typora妙用

typora是一个非常棒的markdown编辑器，之前只是拿它来写markdown文档，实时的展示样式感觉非常方便，在一个偶然中发现了这个编辑器的其他妙用。背景是这样的，我

悠悠/ 2023年01月18日 09:10/ 0 赞/ 30 阅读

相关 JS妙用&&和||

> 看视频的时候发现的技巧，于是查了一查。|| && 非常妙 | | function documentTitle(theTitle) {

「爱情、让人受尽委屈。」/ 2022年10月31日 01:38/ 0 赞/ 157 阅读

相关特效相机妙用

`auto boy = Sprite::create(` `"boy.png"` `);` `boy->setPosition(Point(` `300` `,` `300`

我会带着你远行/ 2022年08月23日 00:40/ 0 赞/ 147 阅读

相关宏的妙用

[http://www.vckbase.com/document/viewdoc/?id=957][http_www.vckbase.com_document_viewdoc_

我就是我/ 2022年08月07日 05:51/ 0 赞/ 255 阅读

相关 void的妙用

任何表达式都会产生一个值，但是在算数表达式中，如果对计算的值没有进行接收或进行任何其他操作，那么在强制警告的时候编译就会出现警告，此时需要将表达式转为void，表示显示的将该值

男娘i/ 2022年03月21日 12:54/ 0 赞/ 277 阅读

相关 js妙用

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] ()()函数自执行操作：如果你这么写 functi

妖狐艹你老母/ 2022年01月14日 02:27/ 0 赞/ 264 阅读

相关 Convert的妙用

今天无意中发现 Convert.ToString() 还有二进制转换功能,特记录一下,以备后用. // 十进制转二进制 Console.WriteLine(Co

ゝ一世哀愁。/ 2022年01月06日 07:37/ 0 赞/ 365 阅读

相关 onerror的妙用

<html> <body> 姓名:<input type="text"/> <img src = "7777.png" onerror

小咪咪/ 2021年12月19日 00:51/ 0 赞/ 315 阅读