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的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
jQuery选择器全面总结
Jan 06 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
浅谈js中的闭包
Mar 16 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
Aug 19 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
layui前段框架日期控件使用方法详解
May 19 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
关于手调机和数调机的选择
2021/03/02 无线电
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
php计算几分钟前、几小时前、几天前的几个函数、类分享
2014/04/09 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
JS实现的表格行鼠标点击高亮效果代码
2015/11/27 Javascript
AngularJS 使用$sce控制代码安全检查
2016/01/05 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
JavaScript中循环遍历Array与Map的方法小结
2016/03/12 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
简单说说tomcat的配置
2013/05/28 面试题
高中军训第一天感言
2014/03/06 职场文书
三八节主持词
2014/03/17 职场文书
《猴子种果树》教学反思
2014/04/26 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
室外天线与收音机天线杆接合方法
2022/04/05 无线电