javascript 中的console.log和弹出窗口alert
时间：2021-01-28 10:23:05|栏目：JavaScript代码|点击： 次
主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。
相比alert他的优点是：
1.他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。
2.console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
3.onsole里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：
Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}
简单的代码如下：
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript"> var a=3; var b='这是什么'; var $c='啊！'; console.log(a,b,$c); var $='jqery'; alert($); </script> </head> <body> </body> </html>
上面的代码浏览器中会弹出窗口，显示jquery字样。
javascript 中的console.log具体用法
//变量
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"}]]
*/
上一篇：JavaScript indexOf()原理及使用方法详解
栏 目：JavaScript代码
下一篇：SublimeText自带格式化代码功能之reindent
本文标题：javascript 中的console.log和弹出窗口alert
本文地址：http://www.codeinn.net/misctech/52558.html
