js调试工具console.log()方法查看js代码的执行情况


Posted in Javascript onAugust 08, 2014

我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是:

console.log("值为:",fn);

console.log()能够输出变量,函数,数组,对象等等

<html> 
<head> 
<title>this关键字_函数调用</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> 
<body> 

<input type="text" id="test1" name="firstname" value="" /> 
<input type="text" id='lastname' name='lastname' value=''> 

</body> 

<script type="text/javascript"> 
var testobj = 
{ 
'id': 1, 
'content': 'test', 
'firstname': function() { 
var EleFirst= document.getElementById('test1'); 
//document.getElementById('firstname').value = "zhang"; 
//document.getElementById("test1").value = this.content; 
//document.getElementById("test1").setAttribute("value","zhang"); 
//this.content = val; 
EleFirst.setAttribute("value",this.content); 
console.log("对象的值为:",test1);//对象的值为:<input type="text" id="test1" name="firstname" value="" /> 
}, 
'lastname': function() { 
document.getElementById('lastname').value = "ying"; 
} 
}; 
console.log(testobj);/** 打印对像**/ 

testobj.firstname(); 
testobj.lastname(); 
</script> 
</html>
Javascript 相关文章推荐
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
JS定义类的六种方式详解
May 12 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
layer弹出层中H5播放器全屏出错的解决方法
Feb 21 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
JS创建类和对象的两种不同方式
Aug 08 #Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 #Javascript
jquery datatable后台封装数据示例代码
Aug 07 #Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 #Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 #Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 #Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 #Javascript
You might like
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
php中stream(流)的用法
2014/03/25 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
php银联网页支付实现方法
2015/03/04 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
jquery下checked取值问题的解决方法
2012/08/09 Javascript
js操作checkbox遇到的问题解决
2013/06/29 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
ajax分页效果(bootstrap模态框)
2017/01/23 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
Python使用re模块验证危险字符
2020/05/21 Python
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
汽车装潢店创业计划书范文
2014/02/05 职场文书
安全生产月活动总结
2014/05/04 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
计算机实训心得体会
2016/01/14 职场文书
高一语文教学反思
2016/02/16 职场文书
2019教师的学习计划
2019/06/25 职场文书