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中通过URL传递汉字的方法
Apr 09 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
input按钮的事件处理大全
Dec 10 Javascript
jQuery操作select的实例代码
Jun 14 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
Jul 19 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
ES5新增数组的实现方法
May 12 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/01 无线电
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
python监控文件或目录变化
2016/06/07 Python
Python网络编程详解
2017/10/31 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
python清除函数占用的内存方法
2018/06/25 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
详解Python_shutil模块
2019/03/15 Python
Mac安装python3的方法步骤
2019/08/09 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
python3下pygame如何实现显示中文
2020/01/11 Python
为什么是 Python -m
2020/06/19 Python
个人优缺点自我评价
2014/01/27 职场文书
委托协议书范本
2014/04/22 职场文书
高考标语大全
2014/06/05 职场文书
处级干部考察材料
2014/12/24 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书