html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

javascript 中的console.log和弹出窗口alert_javascript技巧_

[ ] 已经帮助:人解决问题

主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

相比alert他的优点是:3aBHTML5中文学习网 - HTML5先行者学习网

1.他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

2.console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

3.onsole里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:3aBHTML5中文学习网 - HTML5先行者学习网

Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

简单的代码如下:3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

<!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字样。3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

javascript 中的console.log具体用法3aBHTML5中文学习网 - HTML5先行者学习网
3aBHTML5中文学习网 - HTML5先行者学习网

//变量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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!3aBHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助