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 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
Jan 11 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
浅析hasOwnProperty方法的应用
Nov 20 Javascript
javascript快速排序算法详解
Sep 17 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
Bootstrap风格的zTree右键菜单
Feb 17 Javascript
JS ES6多行字符串与连接字符串的表示方法
Apr 26 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
JavaScript canvas实现流星特效
May 20 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-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
2011/08/15 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
json中换行符的处理方法示例介绍
2014/06/10 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
Bootstrap入门教程一Hello Bootstrap初识
2017/03/02 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
用python实现百度翻译的示例代码
2018/03/09 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
详解基于django实现的webssh简单例子
2018/07/17 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
python中的错误如何查看
2020/07/08 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
html5开发之viewport使用
2013/10/17 HTML / CSS
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
大学毕业生通用求职信
2013/09/28 职场文书
自我评价怎么写好呢?
2013/12/05 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
市场总监岗位职责
2015/02/11 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android