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 相关文章推荐
用js解决数字不能换行问题
Aug 10 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
php+js实现倒计时功能
Jun 02 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
Aug 05 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 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相关资料
2006/10/09 PHP
理解PHP5中static和const关键字的区别
2007/03/19 PHP
解析ajax事件的调用顺序
2013/06/17 PHP
php二分查找二种实现示例
2014/03/12 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
php加密解密字符串示例
2016/10/13 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
python数据结构之图的实现方法
2015/07/08 Python
Python中属性和描述符的正确使用
2016/08/23 Python
python jieba分词并统计词频后输出结果到Excel和txt文档方法
2018/02/11 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
详解Python3中的 input() 函数
2020/03/18 Python
深入浅析Python代码规范性检测
2020/07/31 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
临床医学专业个人的自我评价
2013/09/27 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
环保倡议书100字
2014/05/15 职场文书
比赛口号大全
2014/06/10 职场文书
电影圆明园观后感
2015/06/03 职场文书
2016年学校招生广告语
2016/01/28 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
Golang 编译成DLL文件的操作
2021/05/06 Golang