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 相关文章推荐
JavaScript版代码高亮
Jun 26 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
jQuery点击后一组图片左右滑动的实现代码
Aug 16 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
微信小程序后台解密用户数据实例详解
Jun 28 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
js实现时分秒倒计时
Dec 03 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
vue实现导航菜单和编辑文本的示例代码
Jul 04 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
详释JavaScript执行环境与执行栈
2019/04/02 Javascript
python中cPickle用法例子分享
2014/01/03 Python
python妙用之编码的转换详解
2017/04/21 Python
django中使用POST方法获取POST数据
2019/08/20 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
创业融资计划书
2014/04/25 职场文书
生活小常识广播稿
2014/09/16 职场文书
2014大学校园光棍节活动策划书
2014/09/29 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js
vue ref如何获取子组件属性值
2022/03/31 Vue.js
如何使用SQL Server语句创建表
2022/04/12 SQL Server