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 相关文章推荐
caller和callee的区别介绍及演示结果
Mar 10 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
JS控制表单提交的方法
Jul 09 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
chrome调试javascript详解
Oct 21 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
vue-router单页面路由
Jun 17 Javascript
vue2.0模拟锚点的实例
Mar 14 Javascript
Vue 理解之白话 getter/setter详解
Apr 16 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 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学习之function的用法
2012/07/14 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
php头像上传预览实例代码
2017/05/02 PHP
jQuery 开天辟地入门篇一
2009/12/09 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
js分页代码分享
2014/04/28 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
BootStrap中
2016/12/10 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
JavaScript数组的5种迭代方法
2017/09/29 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在Python的Django框架中编写编译函数
2015/07/20 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
利用Python破解斗地主残局详解
2017/06/30 Python
点球小游戏python脚本
2018/05/22 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
软件工程专业推荐信
2013/10/28 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
留学顾问岗位职责
2014/04/14 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
员工辞职信范文大全
2015/05/12 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python
数据库之SQL技巧整理案例
2021/07/07 SQL Server
JS中如何优雅的使用async await详解
2021/10/05 Javascript