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基础学习资料
Nov 23 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
uni-app使用微信小程序云函数的步骤示例
May 22 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
JS前端监控采集用户行为的N种姿势
Jul 23 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+ajax实现无刷新分页的方法
2014/11/04 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
JS 事件绑定函数代码
2010/04/28 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
详解webpack2+React 实例demo
2017/09/11 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
Python生成随机验证码的两种方法
2015/12/22 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
python中round函数保留两位小数的方法
2020/12/04 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
白酒市场开发计划书
2014/01/09 职场文书
单位办理社保介绍信
2014/01/10 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
化工工艺设计求职信
2014/06/25 职场文书
关于保护环境的建议书
2014/08/26 职场文书
员工2014年度工作总结
2014/12/09 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
我的收音机情缘
2022/04/05 无线电
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python