javaScript中console.log()的用法
相比alert他的优点是:
他能看到结构化的东西,如果是alert,弹出一个对象就是[object object],但是console能看到对象的内容。
console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。
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 事件被触发,事件对象将会在控制台输出。如果不指定第二个参数,将对所有事件进行记录。
javaScript中console.log()的用法相关推荐
- HTML控制台输出console,Javascript的console.log()用法
把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到. javasc ...
- javascript 中 console 的用法
javascript 中 console 的用法 视频 https://www.bilibili.com/video/BV1g7411L751?from=search&seid=1567656 ...
- 开发chrome 插件, background.js中 console log 看不到解决方法
开发chrome 插件, background.js中 console log 看不到解决方法 参考文章: (1)开发chrome 插件, background.js中 console log 看不到 ...
- Android中获取WebView加载的html中console.log输出的内容
场景 Android中使用WebView加载本地html并支持运行JS代码和支持缩放: Android中使用WebView加载本地html并支持运行JS代码和支持缩放_BADAO_LIUMANG_QI ...
- 详解 javascript中offsetleft属性的用法(转)
详解 javascript中offsetleft属性的用法 转载 2015-11-11 投稿:mrr 我要评论 本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...
- javaScript 中 call 函数的用法说明
javaScript 中 call 函数的用法说明 javaScript 中的 call() 是一个奇妙的方法,但也是一个让人迷惑的方法,先看一下官方的解释: call 方法 请参阅 应用于:Func ...
- ESlint中console.log报错问题
ESlint中console.log报错问题 由于ESlint规范化,导致console.log的使用也会报错,下面是设置允许console.log控制台输出 描述:打开 package.json 文 ...
- javascript中console的用法
最近在掘金以及其他网站上看到很多关于console的帖子,由于本身前端对于console和alert调试数据逻辑很普遍 所以就想整理一下console的用法 如果还有没被整理出来的请留言,共同进步.好 ...
- JavaScript中的一些特殊用法(一)
为什么80%的码农都做不了架构师?>>> 1. 不使用script自闭合标签 script中使用自闭合标签,虽然他在XHTML中合法,但是不符合HTML规范,而且得不到某些浏览 ...
最新文章
- Mysterious Bacteria LightOJ - 1220[唯一分解定理+思维题]
- LA 3353 最优巴士线路设计
- 我在 SUN TECH DAY
- 值得收藏的JSP连接mysql数据库的例子
- Linux网络编程目录
- php property 获取,JavaScript中如何获取和设置property属性代码详解
- 英特尔、阿里巴巴全方位深化技术创新,共同引领数智未来
- ref改变样式 vue_我用React和Vue构建了同款应用,对比看看(2020版)
- sql 操作常用操作语句 新增、修改字段等
- matlab中方差分析的自由度,多因素方差分析的自由度
- python能参加奥赛吗-家长分享孩子学习NOIP信息学奥赛的经历
- html 文字阴影 一重投影,鼠标移入文字添加阴影 溢出的文字 添加多重颜色
- 2020计算机分数线,成都计算机电子信息学校2020年招生录取分数线
- 50 多个提高前端人效率的工具、网站和书籍整理
- 对自己狠一点,离成功近一点
- 2022制冷与空调设备运行操作考试模拟100题模拟考试平台操作
- 音频编码之opus(一)
- VC++获取不同Windows版本的方法
- 河南省专利申请费用一览表,郑州专利申请的费用
- C语言基础之个税计算器demo实现
热门文章
- 怡和嘉业在创业板上市:总市值约186亿元,前三季度业绩同比翻倍
- 足球视频AI(一)——位置与平面坐标的转换
- 实验一 linux常用命令
- 如何在输入特殊符号,例如角度“∠”
- (转)JAVA 十六个常用工具类
- 信息系统项目10大管理,47个过程及输入输出工具和技术
- linux git 三 版本查看、版本退回、
- android+高德地图教程,Android高德地图开发(三)地图简单操作
- 天猫送给这些商家“首页置顶”丨 24张PPT详解天猫消费电子2018年商家策略
- Eolink 10月企业与产品动态速览