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简化Ajax开发 Ajax开发入门
Oct 14 Javascript
js操作select控件的几种方法
Jun 02 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
js document.write()使用介绍
Feb 21 Javascript
jQuery+PHP星级评分实现方法
Oct 02 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 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 disk_free_space 返回目录可用空间
2010/05/10 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
2012/04/14 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
中专毕业生的自我鉴定
2013/12/01 职场文书
大学辅导员事迹材料
2014/02/05 职场文书
运动会广播稿150字
2014/02/19 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
村抢险救灾方案
2014/05/09 职场文书
治安消防安全责任书
2014/07/23 职场文书
技术员个人工作总结
2015/03/03 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers
python读取mnist数据集方法案例详解
2021/09/04 Python