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 document.createDocumentFragment()
Apr 04 Javascript
某人初学javascript的时候写的学习笔记
Dec 30 Javascript
Webkit的跨域安全问题说明
Sep 13 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 Javascript
vue里的data要用return返回的原因浅析
May 28 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中输出转义JavaScript代码的实现代码
2011/04/22 PHP
php实现下载限制速度示例分享
2014/02/13 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
详解vue axios中文文档
2017/09/12 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
2018/09/21 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
[06:07]DOTA2-DPC中国联赛3月5日Recap集锦
2021/03/11 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
在Python中使用cookielib和urllib2配合PyQuery抓取网页信息
2015/04/25 Python
python实现判断一个字符串是否是合法IP地址的示例
2018/06/04 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
浅谈Python中的继承
2020/06/19 Python
如何转换一个字符串到enum值
2014/04/12 面试题
助人为乐表扬信范文
2014/01/14 职场文书
5.1手机促销活动
2014/01/17 职场文书
干部培训自我鉴定
2014/01/22 职场文书
中青班党性分析材料
2014/02/16 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
生日庆典策划方案
2014/06/02 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
你会写请假条吗?
2019/06/26 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android
MySQL 语句执行顺序举例解析
2022/06/05 MySQL