console控制台

console

js代码如何查错？

浏览器一般都有一个叫做开发者工具的栏目。
利用其中的console可以调错

image.png

console.log()可以用于代替alert()

简单点说就是输入一行代码瞬间在下一行就给出执行结果。

var name="bob"
undefined
console.log("the name is:"+name);
VM4462:1 the name is:bob
undefined

console.dirxml()可以查看相关节点网页源码

比如有个网页源代码如下

这是段落中的粗体文本。

现在打开console，之后获取id为test的元素，查看其HTML内容。从下图可以看出显示了内容。

image.png

当然这个用console.log也可以，前提都是必须先获取元素

image.png

参考

js调试console.log使用总结图解 - bcbobo21cn的专栏 - 博客频道 - CSDN.NET
JavaScript调试技巧之console.log()详解javascript技巧脚本之家
小谈chrome调试命令：console.log的使用
javascript console 函数详解 js开发调试的利器_百度经验