软件开发培训班 >> 编程开发 >> JavaScript

javascript的console.log()用法小结

　　本文标签：console.log

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>javascript的console.log()用法</title> 
<script type="text/javascript"> 
/* 
console.log 原先是 Firefox 的"专利"，严格说是安装了 Firebugs 之后的 Firefox 所独有的调试"绝招" 。 
这一招，IE8 学会了，不过用起来比 Firebugs 麻烦，只有在开启调试窗口(F12)的时候，console.log 才能出结果，不然就报错 。 
今天看到 Opera 也有个叫 dragonfly 的东东，用这东西查看 DOM，已经可以和 Firebug 媲美，然而还是不能用 console.log 。于是有人就提供了这样两句代码： 
window.console = window.console || {}; 
console.log || (console.log = opera.postError)； 
经测试，以上代码好使 。 
至此，Firefox/IE/Opera 都能用上 console.log 了 。 
当然，IE 和 Opera 下的 console.log 比起 Firebugs 原创的 console.log，还是太过简单，比如参数是 Object 或者数组就没有进一步的显示功能 。 
*/ 
//变量 
var i = I am a string; 
console.log(变量：,i); 
//数组 
var arr = [1,2,3,4,5]; 
console.log(数组：,arr); 
//对象 
var obj1 = { 
key1 : value1, 
key2 : value2, 
key3 : value3 
}; 
var obj2 = { 
key6 : value4, 
key5 : value5, 
key4 : value6 
}; 
var obj3 = { 
key9 : value7, 
key8 : value8, 
key7 : value9 
}; 
console.log(对象：,obj1); 
//对象数组 
var objArr1 = [obj1,obj2,obj3]; 
var objArr2 = [[obj1],[obj2],[obj3]]; 
console.log(对象数组1：,objArr1); 
console.log(对象数组1：,objArr2); 
/* 
输出： 
变量：I am a string 
数组：[1, 2, 3, 4, 5] 
对象：Object { key1="value1", key2="value2", key3="value3"} 
对象数组1：[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}] 
对象数组1：[[Object { key1="value1", key2="value2", key3="value3"}], [Object { key6="value4", key5="value5", key4="value6"}], [Object { key9="value7", key8="value8", key7="value9"}]] 
*/ 
</script> 
</head> 
<body> 
</body> 
</html>

技术文章快速查找

Javascript实例教程(19) 使用HoTMetal(7)

Prototype Array对象学习

有效的捕获JavaScript焦点的方法小结

firefox火狐浏览器与与ie兼容的2个问题总结

Mootools 1.2教程类(一)

可输入的下拉框

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

Javascript attachEvent传递参数的办法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建