js console.log打印对像与数组用法详解


Posted in Javascript onJanuary 21, 2016

本文实例讲述了js console.log打印对像与数组用法。分享给大家供大家参考,具体如下:

console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump。console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个函数。在说这个函数之前,我想大家用的最多查看js输出,是alert吧,但是alert,只能弹string或者是int的

一、测试文件test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
  {
    'id': 1,
    'content': 'test',
    'firstname': function() {
      document.getElementById('firstname').value = "zhang";
    },
    'lastname': function() {
      document.getElementById('lastname').value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id='firstname' name="firstname" value=''>
   <input type="text" id='lastname' name='lastname' value=''>
</body>
</html>

二、chrome 开发工具查看js对像

js console.log打印对像与数组用法详解

console chrome

现在chrome开发者工具和firebug,我用的时候,一半对一半。chrome开发者工具,还有一个功能,firebug不具有.

控制台可以运行js,如果这个页面是iframe的话,firebug只能运行在父级上面,而chrome可以选择里面的页面执行,如果下图

js console.log打印对像与数组用法详解

chrome iframe console

三、firebug查看js对像

js console.log打印对像与数组用法详解

firebug console

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
vue动态生成dom并且自动绑定事件
Apr 19 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
vue.js语法及常用指令
Oct 29 Javascript
uni-app使用微信小程序云函数的步骤示例
May 22 Javascript
JS遍历数组及打印数组实例分析
Jan 21 #Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 #Javascript
如何用angularjs制作一个完整的表格
Jan 21 #Javascript
angularjs自定义ng-model标签的属性
Jan 21 #Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 #Javascript
js实现的二分查找算法实例
Jan 21 #Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 #Javascript
You might like
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
joomla数据库操作示例代码
2016/01/06 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
JavaScript Archive Network 集合
2007/05/12 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
js+css实现红包雨效果
2018/07/12 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
详解重置Django migration的常见方式
2019/02/15 Python
美的官方商城:Midea
2016/09/14 全球购物
编码实现字符串转整型的函数
2012/06/02 面试题
乡村文明行动实施方案
2014/03/29 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
大学活动总结范文
2014/04/29 职场文书
上课迟到检讨书
2015/05/06 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript
MySQL七大JOIN的具体使用
2022/02/28 MySQL
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers