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 相关文章推荐
JavaScript 通过模式匹配实现重载
Aug 12 Javascript
javascript获取form里的表单元素的示例代码
Feb 14 Javascript
javascript常用方法汇总
Dec 02 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
JavaScript基于面向对象实现的猜拳游戏
Jan 03 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
小程序实现按下录音松开识别语音
Nov 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 作用域解析运算符(::)
2010/07/27 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
angularJS模态框$modal实例代码
2017/05/27 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
python与js主要区别点总结
2020/09/13 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
写自荐信要注意什么
2013/12/26 职场文书
模具毕业生推荐信
2014/02/15 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
导游个人求职信
2014/04/25 职场文书
党员民主评议个人总结
2014/10/20 职场文书
入党函调证明材料
2014/12/24 职场文书
责任书范本大全
2015/05/11 职场文书
货款欠条范本
2015/07/03 职场文书
早上好问候语大全
2015/11/10 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
AJAX学习笔记
2021/05/18 Javascript