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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
网络传输协议(http协议)
Nov 18 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
vue-cli配置文件——config篇
Jan 04 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
JS图片预加载三种实现方法解析
May 08 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 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
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
php获取字段名示例分享
2014/03/03 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
jquery 事件执行检测代码
2009/12/09 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
JavaScript Length 属性的总结
2015/11/02 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
python中Apriori算法实现讲解
2017/12/10 Python
python实现趣味图片字符化
2019/04/30 Python
python中必要的名词解释
2019/11/20 Python
Python关于反射的实例代码分享
2020/02/20 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
银行员工职业规划范文
2014/01/21 职场文书
初中考试作弊检讨书
2014/02/01 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
六查六看心得体会
2014/10/14 职场文书
平遥古城导游词
2015/02/03 职场文书
2015年新农合工作总结
2015/03/30 职场文书
病危通知单
2015/04/17 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python