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方法$.load的功能使用介绍
Oct 20 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
Angular 路由route实例代码
Jul 12 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
React中使用UEditor百度富文本的方法
Aug 22 Javascript
JavaScript快速调试的两个技巧
Nov 04 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开发规范手册之PHP代码规范详解
2011/01/13 PHP
php记录代码执行时间(实现代码)
2013/07/05 PHP
iis6手工创建网站后无法运行php脚本的解决方法
2017/06/08 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
angularjs基础教程
2014/12/25 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
2017/12/09 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
详解用js代码触发dom事件的实现方案
2020/06/10 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
2021/01/22 Vue.js
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
python3简单实现微信爬虫
2015/04/09 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
Python面向对象编程基础实例分析
2020/01/17 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
Python如何实现定时器功能
2020/05/28 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
如何用Lucene索引数据库
2016/02/23 面试题
竞选班委演讲稿
2014/04/28 职场文书
运动会广播稿150字(9篇)
2014/09/20 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android