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.validate分组验证代码
Mar 17 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
Aug 09 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
Nov 18 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
python版本的读写锁操作方法
2016/04/25 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
jupyter notebook实现显示行号
2020/04/13 Python
python如何处理程序无法打开
2020/06/16 Python
python实现双人五子棋(终端版)
2020/12/30 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
Html5之webcoekt播放JPEG图片流
2020/09/22 HTML / CSS
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
师范毕业生自荐信
2013/10/17 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
建筑工地宣传标语
2014/06/18 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
初中家长评语和期望
2014/12/26 职场文书
安全责任协议书范本
2016/03/23 职场文书