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 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
JavaScript 浏览器验证代码(来自discuz)
Jul 17 Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
详解iframe与frame的区别
Jan 13 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 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扩展图文教程
2008/12/12 PHP
php+xml编程之SimpleXML的应用实例
2015/01/24 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
php实现简单四则运算器
2020/11/29 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
2016/05/28 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
vue+node 实现视频在线播放的实例代码
2020/10/19 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
python Tornado框架的使用示例
2020/10/19 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
初中家长寄语
2014/04/02 职场文书
政治学求职信
2014/06/03 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
公司员工辞职信范文
2015/05/12 职场文书
田径运动会通讯稿
2015/07/18 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS