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父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
vue+webpack实现异步组件加载的方法
Feb 03 Javascript
vue响应式系统之observe、watcher、dep的源码解析
Apr 09 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
js实现扫雷源代码
Nov 27 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与SQL注入攻击[三]
2007/04/17 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
PHPExcel简单读取excel文件示例
2016/05/26 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
奇妙的js
2007/09/24 Javascript
jQuery插件 tabBox实现代码
2010/02/09 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
javascript 精粹笔记
2010/05/09 Javascript
js取整数、取余数的方法
2014/05/11 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
javascript中Object使用详解
2015/01/26 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
2015/10/30 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
vue组件内部引入外部js文件的方法
2020/01/18 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
python读取图片并修改格式与大小的方法
2018/07/24 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
购房协议书
2014/04/11 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
反邪教标语
2014/06/23 职场文书
标准毕业生自荐信
2014/06/24 职场文书
党章党规党纪学习心得体会
2016/01/14 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python