1、alert(111) 直接打印出 111 2、debugger 写在代码要调试的地方 3、直接在控制台 source 里找到要调试的代码打断点 4、consol

来源：互联网发布：台湾口粮知乎编辑：程序博客网时间：2024/05/28 15:08

1、alert(111) 直接打印出 111

2、debugger 写在代码要调试的地方

3、直接在控制台 source 里找到要调试的代码打断点

4、console 常用的打印方式

 console.log(23333) console.warn(23333) console.info(23333) console.debug(23333) console.error(23333)

　　执行结果

　　console 打印还支持五种占位符

　　字符（%s）、整数（%d或%i）、浮点数（%f）、对象（%o）和样式定义（%c）

var json = {    name:'cindy'}console.log('公元 %s 年', '23333')console.log('公元 %d 年', 23333)console.log('浮点数 %f ', 23.99)console.log('object对象 %o', json)

　console.log("%c Hello World","font-size:20px;color:green");
console.log("%cthis is%cmy sister","color:green","font-weight:bold;color:red;font-size:20px;");

　　执行结果

　　console.dir(element)　　将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等

　　console.dirxml(element) 输出 DOM 节点代码

<body>    <div class="box">        <p>let's show time</p>        <span>what you mean?</span>        <ul>            <li>apple</li>        </ul>    </div>    <script type="text/javascript">        var elem = document.querySelector('.box')        console.dirxml(elem)
　　　　  console.dir(elem)    </script></body>

　　执行结果

　　console.group 和 console.groupEnd 输出归类

console.group('begin')console.log('内部包含项目')console.info(23333)console.groupEnd('end')console.log('others')

阅读全文

0 0