首页 web前端 js教程 js调试工具console.log()方法查看js代码的执行情况_javascript技巧

js调试工具console.log()方法查看js代码的执行情况_javascript技巧

May 16, 2016 pm 04:40 PM
调试工具

我之前在调试代码的时候,跟砸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>
登录后复制
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

解决Linux系统死机问题的方法 解决Linux系统死机问题的方法 Jul 01, 2023 am 10:01 AM

如何解决Linux系统中出现的系统死机问题随着技术的发展,Linux操作系统已经成为很多企业和个人用户的首选。然而,就像其他操作系统一样,Linux系统也可能会遇到系统死机的问题。系统死机不仅会导致数据的丢失,还会影响工作的进行和用户的体验。因此,解决Linux系统中出现的系统死机问题是非常重要的。在本文中,我们将探讨一些解决这个问题的方法和步骤。一、检查硬

PHP开发中如何进行调试及错误处理 PHP开发中如何进行调试及错误处理 Jun 27, 2023 pm 02:30 PM

PHP是流行的服务器端语言,用于开发Web应用程序。作为一个程序员,调试和错误处理是无法避免的。在此文章中,我将带您了解PHP开发中如何进行调试及错误处理。开启错误报告在PHP中,默认情况下,错误报告是关闭的。如果我们想要看到PHP代码中的错误,我们需要手动打开错误报告。我们可以使用错误报告函数error_reporting()来开启或关闭PHP错误报告。例

通过php-fpm的调试工具发现性能瓶颈 通过php-fpm的调试工具发现性能瓶颈 Jul 07, 2023 am 10:50 AM

通过php-fpm的调试工具发现性能瓶颈近年来,PHP作为一门广泛使用的编程语言,越来越受到开发者的青睐。然而,随着项目规模的增大和服务流量的增加,我们很容易遇到性能瓶颈的问题。在这种情况下,我们需要通过一些调试工具来发现和解决这些问题。本文将重点介绍php-fpm的调试工具,帮助我们定位性能瓶颈,并通过实际的代码示例来说明。一、php-fpm简介php-f

Vue3中的调试工具函数:让你更方便的调试Vue3代码 Vue3中的调试工具函数:让你更方便的调试Vue3代码 Jun 18, 2023 pm 10:40 PM

Vue3是一款流行的JavaScript框架,它由于其易用性和灵活性而受到了众多开发人员的欢迎。而对于开发者来说,调试代码是一项不可或缺的工作,好的调试工具可以帮助我们事半功倍。在Vue3中,我们可以使用一些实用的调试工具函数来更方便地调试代码。本文将介绍Vue3中的一些调试工具函数,帮助你更好地调试你的Vue3代码。$refs在Vue3中,我们可以使用$r

如何解决Python的变量未定义错误? 如何解决Python的变量未定义错误? Jun 24, 2023 pm 10:12 PM

Python是一种高级编程语言,它的易用性和流行程度使得它成为了众多程序员的首选语言。与其他语言一样,Python也存在一些常见的错误类型,例如变量未定义错误。当我们在Python中使用一个未定义的变量时,程序就会抛出一个名为“NameError”的异常。这种错误通常出现在以下几种情况下:拼写错误:可能是因为变量名拼写错误导致了变量未定义错误,我们需要仔细检

Yii框架中的调试工具:分析和调试应用程序 Yii框架中的调试工具:分析和调试应用程序 Jun 21, 2023 pm 06:18 PM

在现代的Web应用程序开发中,调试工具是不可或缺的。它们可以帮助开发者查找和解决应用程序的各种问题。Yii框架作为一款流行的Web应用程序框架,自然也提供了一些调试工具。本文将重点介绍Yii框架中的调试工具,并讨论它们如何帮助我们分析和调试应用程序。GiiGii是Yii框架的代码生成器。它可以自动生成Yii应用程序的代码,如模型、控制器和视图等。使用Gii,

JavaScript中的错误处理技巧 JavaScript中的错误处理技巧 Jun 16, 2023 am 11:57 AM

JavaScript是一门广泛应用于Web开发的编程语言。由于其灵活性和易于掌握,使得它对于开发人员而言非常有用。然而,在开发过程中,JavaScript中存在的错误可能会导致代码的异常行为,影响到用户的体验和应用的稳定性。因此,本文将介绍JavaScript中的错误处理技巧,以帮助开发人员解决这些问题。Try-Catch语句Try-Catch语句是一种常用

提高Java开发效率的调试工具推荐与建议 提高Java开发效率的调试工具推荐与建议 Nov 22, 2023 pm 05:26 PM

提高Java开发效率的调试工具推荐与建议在Java开发过程中,调试是不可或缺的一部分。良好的调试工具可以大大提高开发效率,帮助开发人员快速定位和解决问题。本文将介绍一些常用的Java调试工具,并提供一些建议,帮助开发人员选择合适的工具并提高调试效率。IntelliJIDEAIntelliJIDEA是一款功能强大的集成开发环境,内置了丰富的调试功能。它支持

See all articles