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 相关文章推荐
关于跨站脚本攻击问题
Dec 22 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
使用jQuery处理AJAX请求的基础学习教程
May 10 Javascript
基于AngularJS的简单使用详解
Sep 10 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
vue组件化中slot的基本使用方法
May 01 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
PHP与javascript对多项选择的处理
2006/10/09 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php遍历目录方法小结
2015/03/10 PHP
php截取视频指定帧为图片
2016/05/16 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
利用Vue.js实现求职在线之职位查询功能
2017/07/03 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
跟老齐学Python之用while来循环
2014/10/02 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
python读写LMDB文件的方法
2018/07/02 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python科学计算之narray对象用法
2019/11/25 Python
python实现简单猜单词游戏
2020/12/24 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
新娘父亲婚礼致辞
2014/01/16 职场文书
应聘护士求职信
2014/07/21 职场文书
项目合作意向书模板
2014/07/29 职场文书
工作收入证明范本
2015/06/12 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
导游词之千岛湖
2019/09/23 职场文书
导游词之西递宏村
2019/12/10 职场文书