手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js console.log打印对像与数组用法详解
js console.log打印对像与数组用法详解
摘要:本文实例讲述了jsconsole.log打印对像与数组用法。分享给大家供大家参考,具体如下:console.log是什么东西,其实就是一个打...

本文实例讲述了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打印对像与数组用法详解1

console chrome

现在chrome开发者工具和firebug,我用的时候,一半对一半。chrome开发者工具,还有一个功能,firebug不具有.

控制台可以运行js,如果这个页面是iframe的话,firebug只能运行在父级上面,而chrome可以选择里面的页面执行,如果下图

js console.log打印对像与数组用法详解2

chrome iframe console

三、firebug查看js对像

js console.log打印对像与数组用法详解3

firebug console

希望本文所述对大家JavaScript程序设计有所帮助。

【js console.log打印对像与数组用法详解】相关文章:

Javascript实现飞动广告效果的方法

showModelessDialog()使用详解

javascript原型模式用法实例详解

Javascript通过overflow控制列表闭合与展开的方法

js+HTML5实现canvas多种颜色渐变效果的方法

JavaScript中getUTCMinutes()方法的使用详解

javascript动态创建表格及添加数据实例详解

JavaScript中String.match()方法的使用详解

javascript中动态函数用法

JQuery中DOM事件绑定用法详解

精品推荐
分类导航