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 相关文章推荐
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
javascript闭包的理解
Apr 01 Javascript
Js的Array数组对象详解
Feb 22 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
基于JavaScript实现多级菜单效果
Jul 25 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
js提取中文拼音首字母的封装工具类
Mar 12 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
详解node.js 事件循环
Jul 22 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 连接mssql数据库 初学php笔记
2010/03/01 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
关于this和self的使用说明
2010/08/01 Javascript
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
2013/12/10 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
js实现中文实时时钟
2020/01/15 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
python3.5 email实现发送邮件功能
2018/05/22 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
Python日期时间Time模块实例详解
2019/04/15 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
使用django实现一个代码发布系统
2019/07/18 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
应届生程序员求职信
2013/11/05 职场文书
电子商务自荐书范文
2014/01/04 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
单位作风建设自查报告
2014/10/23 职场文书
python中validators库的使用方法详解
2022/09/23 Python