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 相关文章推荐
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
input+select(multiple) 实现下拉框输入值
May 21 Javascript
js 动态选中下拉框
Nov 26 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
简单的网页广告特效实例
Aug 19 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
Aug 29 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 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
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
js计算精度问题小结
2013/04/22 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
js面向对象编程总结
2017/02/16 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
Python爬取网页信息的示例
2020/09/24 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
Linux的主要特性
2014/10/06 面试题
党员年终民主评议的自我评价
2013/11/05 职场文书
员工薪酬福利制度
2014/01/17 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
采购部经理岗位职责
2014/02/10 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
工程承包协议书
2014/04/22 职场文书
跳槽求职信范文
2014/05/26 职场文书
志愿者宣传口号
2014/06/17 职场文书
西安事变观后感
2015/06/12 职场文书
清明扫墓感想
2015/08/11 职场文书