console.log的输出语句如何使用

 更新时间:2024年02月06日 08:56:32   作者:辛怜  
这篇文章主要介绍了关于console.log的输出语句如何使用问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

console.log()[控制台的日志]

1.当console.log的括号里

只有'hello'或者"hello"的时候,引号里的内容原样输出

<script>
     console.log('hello');
     console.log("world");
</script>

2.当console.log的括号里

是'hello"world"'或者"world'hello'"的时候,引号里包括的不是相同的引号也能原样输出。

<script>
     console.log('hello"world"');
     console.log("world'hello'");
</script>

3.当console.log的括号里

是'hello'world''或者"world"hello""的时候,引号里包括的是相同的引号需要加 “\”来转义。

<script>
   console.log('hello\'world\'');
   console.log("world\"hello\"");
</script>

4.当需要两个内容之间需要右斜杠时

“\\”可以输出一个右斜杠。

<script>
   console.log('world\\\\hello');
</script>

5. 当需要两个内容之间需要换行时

在字符串之间加“\n”,如果直接打回车的话,会报错。

<script>
   console.log('hello\n\n\nworld');
</script>

6.给字符串设置样式

用“%c”。

<script>
    console.log('%chello%cworld','color:red;','color:orange');
</script>​

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript cookie的简单应用

    javascript cookie的简单应用

    这篇文章主要介绍了javascript cookie的简单应用,我们先介绍一下cookie的使用,以及我后面简单封装一个cookie操作的单例,便于实现cookie的设置,获取,删除的方法,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • JavaScript中null和undefined区别小结

    JavaScript中null和undefined区别小结

    本文主要介绍了JavaScript中null和undefined区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-03-03
  • 深入了解JavaScript 的 WebAssembly

    深入了解JavaScript 的 WebAssembly

    这篇文章主要介绍了深入了解JavaScript 的 WebAssembly,它是由 Google , Microsoft , Mozilla , Apple 等几家大公司合作发起的一个关于 面向Web的通用二进制和文本格式 的项目。 ,需要的朋友可以参考下
    2019-06-06
  • JS实现仿百度输入框自动匹配功能的示例代码

    JS实现仿百度输入框自动匹配功能的示例代码

    本篇文章主要是对JS实现仿百度输入框自动匹配功能的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

    javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

    这篇文章主要介绍了javascript封装addLoadEvent实现页面同时加载执行多个函数的方法,实例分析了onload事件执行的原理与同时执行多个函数功能的实现技巧,需要的朋友可以参考下
    2016-07-07
  • JS获取Promise对象里面的值问题

    JS获取Promise对象里面的值问题

    这篇文章主要介绍了JS如何获取Promise对象里面的值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • H5唤醒APP实现方法及注意点总结

    H5唤醒APP实现方法及注意点总结

    目前通过H5页面唤起App的场景十分常见,比如常见的分享功能,这篇文章主要给大家介绍了关于H5唤醒APP实现方法及注意点的相关资料,需要的朋友可以参考下
    2021-06-06
  • JavaScript常用工具函数库汇总

    JavaScript常用工具函数库汇总

    业务中比较常用的JavaScript工具函数,可以用在前端环境,也可以用在node服务端,统一整理,方便查阅,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • js 获取和设置css3 属性值的实现方法

    js 获取和设置css3 属性值的实现方法

    本篇文章介绍了,使用js 获取和设置css3 属性值的实现方法。需要的朋友参考下
    2013-05-05
  • 写的一段拖动对象的代码

    写的一段拖动对象的代码

    写的一段拖动对象的代码...
    2007-01-01

最新评论