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_09_Function与Object
Oct 16 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
vue实现ToDoList简单实例
Feb 07 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
Feb 06 Javascript
js实现简单选项卡制作
Aug 05 Javascript
Taro小程序自定义顶部导航栏功能的实现
Dec 17 Javascript
原生js实现下拉框选择组件
Jan 20 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 一个页面执行时间类代码
2010/03/05 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
php单例模式示例分享
2015/02/12 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
js内置对象 学习笔记
2011/08/01 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
很棒的js选项卡切换效果
2016/07/15 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
35个最好用的Vue开源库(史上最全)
2019/01/03 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python实现斐波那契递归函数的方法
2014/09/08 Python
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
如何通过Python实现标签云算法
2019/07/02 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
Python文件路径名的操作方法
2019/10/30 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
委托书范文
2014/04/02 职场文书
影视后期实训报告
2014/11/05 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
美丽人生观后感
2015/06/03 职场文书
民间借贷纠纷答辩状
2015/08/03 职场文书
Python实现排序方法常见的四种
2021/07/15 Python