首页 > 代码库 > javascript 中的console.log和弹出窗口alert

javascript 中的console.log和弹出窗口alert

2024-08-11 07:42:41   217人阅读

主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。

相比alert他的优点是：

  1. 他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。

  2. console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

  3. console里面的内容非常丰富，你可以在控制台输入：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 中的console.log和弹出窗口alert


联系
我们