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()可以查看相关节点网页源码
比如有个网页源代码如下
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
$("#test").text("hello,world")
//text()方法用于更改文本
})
</script>
</head>
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
</body>
</html>
现在打开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开发调试的利器_百度经验
