javascript 在firebug调试时用console.log的方法
javascript 在firebug调试时用console.log的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:console.log();当你使用console.log()函数时,下面的firebug一定要打开,不然这函数在用firefox运行时无效...

console.log();

当你使用console.log()函数时,下面的firebug一定要打开,不然这函数在用firefox运行时无效且影响正常程序,如果用IE打开,将会出错。

第一个参数可以是一个包含格式化占位符输出的字符串,例如:

console.log("The %s jumped over %d tall buildings", animal, count);

格式化字符串 类型

%s 字符串

%d, 整型

%i (暂不支持数字型)

%f 浮点型 (暂不支持数字型)

%o 链接对象

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教程学习
热门Javascript教程学习
编程开发子分类