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中匿名函数的创建与调用方法分析
Dec 19 Javascript
Vue.js基础知识汇总
Apr 27 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
Node.js 异步异常的处理与domain模块解析
May 10 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
JS 验证码功能的三种实现方式
Nov 26 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
JavaScript实现滑块验证解锁
Jan 07 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
mysql 字段类型说明
2007/04/27 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
黑夜路人出的几道php笔试题
2009/08/04 PHP
php发送get、post请求的6种方法简明总结
2014/07/08 PHP
php在数组中查找指定值的方法
2015/03/17 PHP
php 实现进制相互转换
2016/04/07 PHP
PHP获取当前日期及本周一是几月几号的方法
2017/03/28 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
Js面试算法详解
2018/04/08 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
基于JS实现父组件的请求服务过程解析
2019/10/14 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
英国在线花园中心:You Garden
2018/06/03 全球购物
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
编程用JAVA解析XML的方式
2013/07/07 面试题
单位单身证明范本
2014/01/11 职场文书
教师党员承诺书
2014/03/25 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
市级三好学生评语
2014/12/29 职场文书
律政俏佳人观后感
2015/06/09 职场文书
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记