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


Posted in Javascript onAugust 30, 2016

主要是方便你调式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 中的console.log和弹出窗口alert,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
小程序实现人脸识别功能(百度ai)
Dec 23 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
微信小程序如何使用globalData的方法
Jun 06 Javascript
JS前端轻量fabric.js系列物体基类
Aug 05 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 #Javascript
js中常用的Tab切换效果(推荐)
Aug 30 #Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 #Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 #Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 #Javascript
很棒的js Tab选项卡切换效果
Aug 30 #Javascript
js改变透明度实现轮播图的算法
Aug 24 #Javascript
You might like
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
2014/05/07 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
Extjs入门之动态加载树代码
2010/04/09 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
让复选框只能选择一项的方法
2013/10/08 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
django fernet fields字段加密实践详解
2019/08/12 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
python使用建议与技巧分享(一)
2020/08/17 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
机关门卫岗位职责
2013/12/30 职场文书
《燕子》教学反思
2014/02/18 职场文书
项目建议书模板
2014/05/12 职场文书
公路施工安全责任书
2015/05/08 职场文书
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸