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 相关文章推荐
扩展String功能方法
Sep 22 Javascript
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
js 通用javascript函数库整理
Aug 14 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
js全选按钮的实现方法
Nov 17 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
vue-cli3全面配置详解
Nov 14 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 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中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
2018/08/08 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
深入理解javascript中的this
2021/02/08 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
Python sys.argv用法实例
2015/05/28 Python
Python验证码识别的方法
2015/07/10 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
python多线程使用方法实例详解
2019/12/30 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
django中related_name的用法说明
2020/05/20 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
描述内存分配方式以及它们的区别
2016/10/15 面试题
大学旷课检讨书
2014/01/28 职场文书
正科级干部考察材料
2014/05/29 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
营业用房租赁协议书
2014/11/26 职场文书
小鞋子观后感
2015/06/05 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
Django框架中表单的用法
2022/06/10 Python