js调试工具console.log()方法查看js代码的执行情况
更新时间：2014年08月08日 10:14:17 投稿：whsnow
以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
我之前在调试代码的时候,跟砸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=gbk"></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>
相关文章
这篇文章详细介绍了种子随机数在JS中如何实现以及有什么作用，希望能帮助有需要的人。下面一起来看看。2016-07-07
当我们在开发Uni-app应用时,经常会遇到需要在不同页面之间传递参数的情况,为了实现跨页面传参,Uni-app提供了几种方式,所以本文小编将给大家介绍一下uniapp跨页面传参的几种方式,文中有详细的代码示例供大家参考,需要的朋友可以参考下2024-01-01
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
这篇文章主要介绍了JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法,其实就是利用JS检测div的名称和样式名称实现,需要的朋友可以参考下2014-11-11
IE FF都可以直接通过Frame的Name来访问,但是FrameSet不支持name属性2010-09-09
这篇文章主要介绍了微信小程序修改checkbox的样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了如何使用js实现浏览历史记录,需要的朋友可以参考下2014-04-04
EChart开源来自百度商业前端数据可视化团队，基于html5?Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。本文将利用EChart实现折线图的绘制，感兴趣的可以学习一下2022-03-03
本文简单介绍动态加载、移除、替换js/css文件的示例代码，代码简单易懂，非常不错，具有参考借鉴加载，需要的朋友参考下吧2018-03-03
javascript中的nextSibling使用陷(da)阱(keng)
关于HTML/XML节点的问题，在IE中nextSibling不会返回文本节点，而chrome或者firefox等会返回文本节点2014-05-05
用Javascript实现视频轮播，毕竟是客户的需求吗？所以尽量实现下,下面有个实现视频轮播的示例，pc端与移动端均可以实现，感兴趣的朋友可以了解下2013-09-09
最新评论