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实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
Vue实现购物车功能
Apr 27 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
使用p5.js实现动态GIF图片临摹重现
Oct 23 Javascript
小程序实现录音上传功能
Nov 22 Javascript
编写一个javascript元循环求值器的方法
Apr 14 Javascript
学前端,css与javascript重难点浅析
Jun 11 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处理带有中文URL的方法
2016/07/11 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
JavaScript prototype属性深入介绍
2012/11/27 Javascript
js操作checkbox遇到的问题解决
2013/06/29 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
three.js中文文档学习之如何本地运行详解
2017/11/20 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
基于vue2.0动态组件及render详解
2018/03/17 Javascript
利用js实现前后台传送Json的示例代码
2018/03/29 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
详解python里的命名规范
2018/07/16 Python
Python3获取拉勾网招聘信息的方法实例
2019/04/03 Python
python 计算一个字符串中所有数字的和实例
2019/06/11 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
Python 解析xml文件的示例
2020/09/29 Python
AmazeUI 导航条的实现示例
2020/08/14 HTML / CSS
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
2014年环境卫生工作总结
2014/11/24 职场文书
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技