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点击事件链接的问题解决
Apr 25 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
微信小程序本作用域下调用全局JS详解及实例
Feb 22 Javascript
Jquery-data的三种用法
Apr 18 jQuery
vue中component组件的props使用详解
Sep 04 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
深入理解React高阶组件
Sep 28 Javascript
vue下history模式刷新后404错误解决方法
Aug 18 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
Nov 08 Javascript
JS通用方法触发点击事件代码实例
Feb 17 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/02/21 PHP
php 常用的系统函数
2017/02/07 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
Mootools 1.2教程 类(一)
2009/09/15 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python基础知识小结之集合
2015/11/25 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
2015年大学生工作总结
2015/04/21 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python