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 相关文章推荐
JQUERY复选框CHECKBOX全选,取消全选
Aug 30 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
js select option对象小结
Dec 20 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
jquery表单验证需要做些什么
Nov 17 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
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
php 在线打包_支持子目录
2008/06/28 PHP
php实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
javascript,php获取函数参数对象的代码
2011/02/03 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
解决Python3.5+OpenCV3.2读取图像的问题
2018/12/05 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
Pandas分组与排序的实现
2019/07/23 Python
详解python变量与数据类型
2020/08/25 Python
Python3.9新特性详解
2020/10/10 Python
python实现发送邮件
2021/03/02 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
linux面试题参考答案(11)
2016/11/26 面试题
《童年》教学反思
2014/02/18 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
求职简历自荐信
2014/06/18 职场文书
人事主管岗位职责说明书
2014/07/30 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
亲属关系公证书样本
2015/01/23 职场文书
小学班主任心得体会
2016/01/07 职场文书
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python
python小型的音频操作库mp3Play
2022/04/24 Python
详解如何使用Nginx解决跨域问题
2022/05/06 Servers