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 相关文章推荐
JavaScript聚焦于第一个字段的代码
Oct 15 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
js的三种继承方式详解
Jan 21 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
Vee-Validate的使用方法详解
Sep 22 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
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交互使用详解
2006/10/09 PHP
一篇入门的php Class 文章
2007/04/04 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
浅谈PHP实现大流量下抢购方案
2017/12/15 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
2015/03/24 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
python3+PyQt5实现使用剪贴板做复制与粘帖示例
2017/01/24 Python
Django中的Signal代码详解
2018/02/05 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
优秀技术工人先进材料
2014/02/17 职场文书
大一新生学期自我评价
2014/04/09 职场文书
党员民主评议总结
2014/10/20 职场文书
求职简历自我评价范文
2015/03/10 职场文书
2015年保管员工作总结
2015/04/30 职场文书
湘江北去观后感
2015/06/15 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
详解Redis瘦身指南
2021/05/26 Redis
SQL SERVER存储过程用法详解
2022/02/24 SQL Server