javaScript中console.log()的用法

版权声明: https://blog.csdn.net/h_ijun/article/details/79965062
console.log()类似于alert啊,不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容,不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台,这个F12 最确切的叫法是开发人员工具。其中,Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回车即可清空控制台内容。

相比alert他的优点是:

  1. 他能看到结构化的东西,如果是alert,弹出一个对象就是[object object],但是console能看到对象的内容。

  2. console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。

  3. console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:                                                                           Firebug & Chrome Console 控制台的一些其他功能 :                                                                                 (1) 向控制台输出一条消息: console.log(object[,object,])                                                                     (2) 向控制台输出一条消息,该信息包含一个“信息”的图标,和指向该行代码位置的超链接:     console.info(object[,object,])    console.warn(object[,object,]) ,console.error(object[,object,])同info,区别是图标样式不同。error实际上和throw new Error()产生的效果相同,使用该语句时会向浏览器跑出一个js异常。console.assert(expression[,object,]) 断言,测试一条表达式是否为真,不为真时将抛出异常(断言失败)。  (3)console.dir(object) 输出一个对象的全部属性(输出结果类似于 DOM 面板中的样式)。                         (4)  console.dirxml(node) 输出一个 HTML 或者 XML 元素的结构树,点击结构树上面的节点进入到 HTML 面板。                                                                                                                                      (5) console.trace() 输出 Javascript 执行时的堆栈追踪。console.group(object[, object, ...]) 输出消息的同时打开一个嵌套块,用以缩进输出的内容。调用 console.groupEnd() 用以结束这个块的输出。console.groupCollapsed()同 console.group(); 区别在于嵌套块默认是收起的。console.time(name)计时器,当调用 console.timeEnd(name);并传递相同的 name 为参数时,计时停止,并输出执行两条语句之间代码所消耗的时间(毫秒)。                                                                                                                      console.profile([title])与 profileEnd() 结合使用,用来做性能测试,与 console 面板上 profile 按钮的功能完全相同。console.count([title]) 输出该行代码被执行的次数,参数 title 将在输出时作为输出结果的前缀使用。命令行控制台的输出面板右边,是控制台的输入面板(Chrome 调试工具对应为下方),在这里除了可以运行常规的 javascript 代码,还内置了相当数量的命令行可以辅助我们的调试工作。                                                         下面是一些常用命令行的简单介绍:                                                                                                      $(id)返回一个给定 id 的元素。$$(selector)返回给定的 css 选择器匹配到的一组元素.$0在 HTML 面板中选中的元素。$1上一次在 HTML 面板中选中的元素。$n(index)访问最近 5 个被选中过的元素,index 的范围: 0 – 4。nspect(object[, tabName])()在合适的(或一个指定的) tab 中检视一个对象。keys(object)返回一个对象的所有属性的键。values(object)返回一个对象的所有属性的值。debug(fn)在函数第一行添加一个断点,使用 undebug(fn) 移除断点。monitor(fn)开启一个函数的调用日志,使用 unmonitor(fn) 关闭该功能。monitorEvents(object[, types])开启一个元素的某个事件(或所有事件)被触发时的日志记录。用例如下:monitorEvents($0,['click'])上面的命令行被执行后,将开启当前在 HTML 面板中被选中元素的 click 事件监控,一旦这个元素的 click 事件被触发,事件对象将会在控制台输出。如果不指定第二个参数,将对所有事件进行记录。 

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页