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 相关文章推荐
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
用js来解决ajax读取页面乱码
Nov 28 Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
jQuery 3.0 的变化及使用方法
Feb 01 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
JS简单获取日期相差天数的方法
Apr 24 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
node.js文件的复制、创建文件夹等相关操作
Feb 05 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
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
python中嵌套函数的实操步骤
2019/02/27 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
Python占用的内存优化教程
2019/07/28 Python
tensorflow 保存模型和取出中间权重例子
2020/01/24 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
转让协议书
2015/01/27 职场文书
婚宴主持词
2015/06/30 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Python Numpy之linspace用法说明
2021/04/17 Python
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
MySQL多表查询机制
2022/03/17 MySQL
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang