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使用循环和分割来替换和删除元素实例
Oct 13 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
Dec 11 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
微信小程序radio组件使用详解
Jan 31 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
Aug 10 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 Javascript
Vue左滑组件slider使用详解
Aug 21 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
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
php mongodb操作类 带几个简单的例子
2016/08/25 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
js单词形式的运算符
2014/05/06 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
Bootstrap表单制作代码
2017/03/17 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
python判断输入日期为第几天的实例
2018/11/13 Python
python利用7z批量解压rar的实现
2019/08/07 Python
python输出决策树图形的例子
2019/08/09 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
联想英国官网:Lenovo英国
2019/07/17 全球购物
考试没考好检讨书
2014/01/31 职场文书
护士节策划方案
2014/05/19 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书