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 相关文章推荐
JavaScript 继承详解 第一篇
Aug 30 Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
javascript中String类的subString()方法和slice()方法
May 24 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
May 16 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
js实现左右轮播图
Jan 09 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
php银联网页支付实现方法
2015/03/04 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
一个可拖拽列宽表格实例演示
2012/11/26 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
React学习笔记之高阶组件应用
2018/06/02 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
[01:04:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第二场 1月31日
2021/03/11 DOTA
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Flask框架钩子函数功能与用法分析
2019/08/02 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
消防安全检查制度
2014/02/04 职场文书
《童趣》教学反思
2014/02/19 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
超强台风观后感
2015/06/09 职场文书
李强为自己工作观后感
2015/06/11 职场文书
食品卫生管理制度
2015/08/06 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python