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 相关文章推荐
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
vue如何进行动画的封装
Sep 26 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
php实现mysql同步的实现方法
2009/10/21 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
php批量更改数据库表前缀实现方法
2013/10/26 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
python图像常规操作
2017/11/11 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
Python多分支if语句的使用
2020/09/03 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
优秀广告词大全
2014/03/19 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
医药公司采购员岗位职责
2014/09/12 职场文书
搞笑婚前保证书
2015/02/28 职场文书
紧急迫降观后感
2015/06/15 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python