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 相关文章推荐
一个报数游戏js版(约瑟夫环问题)
Aug 05 Javascript
基于jQuery实现的水平和垂直居中的div窗口
Aug 08 Javascript
基于Jquery实现键盘按键监听
May 11 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
Aug 12 Javascript
Javascript异步编程async实现过程详解
Apr 02 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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
制作美丽的拉花
2021/03/03 冲泡冲煮
PHP设计聊天室步步通
2006/10/09 PHP
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
php遍历树的常用方法汇总
2015/06/18 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
在Layui中实现开关按钮的效果实例
2019/09/29 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
react结合bootstrap实现评论功能
2020/05/30 Javascript
Python进阶之尾递归的用法实例
2018/01/31 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
物业管理应届生求职信
2013/10/28 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
学生检讨书如何写
2014/10/30 职场文书
2015年质检工作总结
2015/05/04 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
教师外出学习心得体会
2016/01/18 职场文书
Python标准库pathlib操作目录和文件
2021/11/20 Python