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 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
js的延迟执行问题分析
Jun 23 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
Node.JS中事件轮询(Event Loop)的解析
Feb 25 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
JavaScript实现简易计算器小功能
Oct 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
NOT NULL 和NULL
2007/01/15 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案
2018/10/14 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
浅谈JavaScript 声明提升
2020/09/14 Javascript
深入解析Python中的线程同步方法
2016/06/14 Python
python append、extend与insert的区别
2016/10/13 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
利用python循环创建多个文件的方法
2018/10/25 Python
Python画图高斯分布的示例
2019/07/10 Python
pandas DataFrame行或列的删除方法的实现示例
2019/08/02 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
临床医学专业毕业生的自我评价
2013/10/17 职场文书
超市营业员岗位职责
2013/12/20 职场文书
白酒市场开发计划书
2014/01/09 职场文书
百日安全活动总结
2014/05/04 职场文书
小学生思想品德评语
2014/12/31 职场文书
交通事故和解协议书
2015/01/27 职场文书
开学典礼致辞
2015/07/29 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记