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 相关文章推荐
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
JavaScript中“基本类型”之争小结
Jan 03 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
jQuery实现广告条滚动效果
Aug 22 jQuery
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 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
S900/ ETON E1-XM 收音机
2021/03/02 无线电
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
CSS常用网站布局实例
2008/04/03 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
vue.js移动端tab组件的封装实践实例
2017/06/30 Javascript
layui select动态添加option的实例
2018/03/07 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
jquery自定义组件实例详解
2020/12/31 jQuery
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python函数学习笔记
2008/10/07 Python
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
python获取文件扩展名的方法
2015/07/06 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
python中提高pip install速度
2020/02/14 Python
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
艺术设计专业个人求职信范文
2013/12/11 职场文书
工作会议主持词
2014/03/17 职场文书
员工安全承诺书
2014/05/22 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
个人收入证明范本
2015/06/12 职场文书