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下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
Mar 01 Javascript
理清apply(),call()的区别和关系
Aug 14 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
javascript填充默认头像方法
Feb 22 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
带你彻底理解JavaScript中的原型对象
Apr 14 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
微信自定义菜单的处理开发示例
2015/04/16 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
extjs3 combobox取value和text案例详解
2013/02/06 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
分享一个常用的javascript静态类
2014/12/31 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
Python解析树及树的遍历
2016/02/03 Python
python实现逻辑回归的方法示例
2017/05/02 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python中如何设置代码自动提示
2020/07/15 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
环境工程专业个人求职信
2013/12/05 职场文书
心得体会怎么写
2013/12/30 职场文书
银行办理业务介绍信
2014/01/18 职场文书
法制报告会主持词
2014/04/02 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
发票退票证明
2015/06/24 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
vue Element-ui表格实现树形结构表格
2021/06/07 Vue.js
一文搞懂MySQL索引页结构
2022/02/28 MySQL