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()可以查看相关节点网页源码

比如有个网页源代码如下

<!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开发调试的利器_百度经验

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器提供了多种console方法,包括console.log, console.warn console.err...
    Jenny_L阅读 7,450评论 0 5
  • q:为什么主备昨天的统计数据不一致? A:获取昨天的统计数据是一个定时任务。每天零点执行。两台机器的执行不可能极其...
    运维开发笔记阅读 5,533评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,606评论 25 708
  • “你男朋友是学什么的呀。” “我男朋友呀,他是学,恩,好像是力学,又好像是做材料的,我也不是很清楚啦。” 每次别人...
    程序媛萌7阅读 174评论 0 0
  • 说起来晋惠帝司马衷上数几代也都是响当当的人物,曾祖司马懿是三国后期可以和诸葛亮平分秋色的人物;祖父司马昭攻...
    一笔一印记阅读 348评论 0 1