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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
浅谈Javascript中的Label语句
Dec 14 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
jquery实现拖拽小方块效果
Dec 10 jQuery
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多个版本的分析解释
2011/07/21 PHP
eclipse php wamp配置教程
2016/06/30 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
python实现手机通讯录搜索功能
2018/02/22 Python
Python中变量的输入输出实例代码详解
2019/07/28 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
CSS3动画之流彩文字效果+图片模糊效果+边框伸展效果实现代码合集
2017/08/18 HTML / CSS
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
人事部岗位职责范本
2014/03/05 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
信访工作汇报材料
2014/10/27 职场文书
关于长城的导游词
2015/01/30 职场文书
三方合作意向书范本
2015/05/09 职场文书
观后感开头
2015/06/19 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS