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中Get和Set访问器的实现代码
Sep 19 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
基于jquery编写分页插件
Mar 07 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
angularjs使用div模拟textarea文本框的方法
Oct 02 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实现LOL数据远程获取
2014/06/10 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
深入认识javascript中的eval函数
2009/11/02 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
CSS或者JS实现鼠标悬停显示另一元素
2016/01/22 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
简单的网页广告特效实例
2017/08/19 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
Python找出9个连续的空闲端口
2016/02/01 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
Python实现批量压缩图片
2018/01/25 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
管理科学大学生求职信
2013/11/13 职场文书
实习评语
2013/12/16 职场文书
人事任命书怎么写
2014/06/05 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
十八大标语口号
2014/10/09 职场文书
公司业务员管理制度
2015/08/05 职场文书
详解Python自动化之文件自动化处理
2021/06/21 Python
python实现Nao机器人的单目测距
2021/09/04 Python