今天小颖在逛博客园时,发现一位帅锅写的有意思的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>