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

最新推荐文章于 2021-11-10 17:24:54 发布
最新推荐文章于 2021-11-10 17:24:54 发布
阅读量1.4k 收藏 1
点赞数
文章标签： 调试 js javascript html gb2
以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用www.888ul.com函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录

我之前在调试代码的时候,www.666li.com跟砸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>
njhkhhhj
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
牛客网题源(JavaScript)
qq_52687966的博客
10-05 1237
牛客网题源(JavaScript) 1.以下不属于JavaScript中的数据类型的选项是( C ) A.Undefined B.Number C.Interface D.Symbol == 基本类型有:String Number Boolean Null Undefined Symbol(ES6新增-表示独一无二的值) 引用数据类型:Object Array Function == 2.以下代码执行后，console 的输出是？ function Foo(){ console.log(
用JS获取函数相关的代码
u014351353的专栏
05-12 1190
本文主要介绍了Javascript获取函数名称、函数参数以及对象属性的代码，其中包括了获取函数名称的3种实现方法和用JS获取函数的所有参数并且遍历某个对象所有属性的名称和值的方法。   获取函数名称的3种实现方法   1.在js权威指南中看到的一个方法： Function.prototype.getName = function(){    return this.name || th
如何在JS中捕获console.log()的输出
王鸿飞的专栏
05-01 1万+
我们知道console.log()可以将信息输出到debugger中供开发者查看。但如果我们想要在JS中获取console.log()的输出结果呢？其实不难，先将原本的console.log保存起来，然后替换成另外一个实现即可。代码如下： var lastLog; console.oldLog = console.log; console.log = function(str) { conso
Chrome的控制台（Console）的用法（超详细，还未细看）
小枯林的博客
06-12 3万+
为什么写了本篇博客： （1）在https://blog.csdn.net/csucsgoat/article/details/117811466中，遇到了Chrome的控制台（Console）；本篇博客就是详细介绍Console的。 本篇博客转载自： （1）Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦） 说明： （1）这篇博客并没有看，当前也没必要看~~，以后有需要了再看也不迟啦 Chrome 控制台console的用法（学了之后对于调试js可是...
在谷歌浏览器中如何查看js代码在终端的运行结果、如何查看请求头信息
橘猫吃不胖的博客
11-10 5788
在谷歌浏览器中如何查看js代码在终端的运行结果、如何查看请求头信息1 如何查看js代码在终端的运行结果（如何打开终端）2 查看请求头信息 1 如何查看js代码在终端的运行结果（如何打开终端） 方法1：从html页面中进入谷歌浏览器，点击谷歌浏览器右上角三个点 点击更多工具 点击开发者工具 方法2：在浏览器页面空白处右击鼠标，点击检查 方法3：快捷键：shift+ctrl+j 上面三种方法都会显示以下信息：Elements：看到页面元素的样式等信息 Console：终端的输出信息，在这个地方可
console.log()的作用与实现
热门推荐
weixin_45627194的博客
11-02 4万+
console.log()的作用是什么 主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 相比alert他的优点是： 1，他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 ,2，console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 3，console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到： Cons
JavaScript调试之console.log调试的一个小技巧分享
10-19
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看，但是...下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧，需要的朋友可以参考借鉴，下面来一起看看吧。
JavaScript调试技巧之console.log()详解
10-23
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，...
javascript代码调试之console.log 用法图文详解
11-23
可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log ...
console.log()、console.log(this)报错-总结
zt199718的博客
07-21 2010
console.log()和console.log(this) 跳转到的页面中有console.log(this)（16个）或者console.log()（10个）,那么页面就会报错; 但是这个console.log(this)如果不在生命周期函数中,当前页面本身是不报错的，但是跳转到的这个页面如果有会报错（10个）。 单独的console.log()不管在哪里，都会报错（10个） 但是如果这个console.log(this)存在生命周期函数中，那么当前页面也会报错（10个）。 注意：当我们在页面中打
JavaScript - 常用事件总结
LIN的博客
10-18 285
目录 一、事件的两种绑定方式  1、on事件绑定方式 2、非on事件绑定方式 二、事件参数event  三、事件的冒泡与默认事件  1、事件的冒泡：子位于父内部，子触发，父也一起触发事件。  1-1 取消冒泡事件的方式一：子级内部设置stopPropagation()  1-2 取消冒泡事件的方式二：子级内部设置.cancelBubble = true; 2、默认事件的两种取消方...
Vue data内 this指向
weixin_43240623的博客
11-03 7725
参考如下，没太看懂 https://www.cnblogs.com/bin-pureLife/p/10416012.html 以下是自己写的例子，结论有了，就是不知道为啥 <div id='app'> {{str}} </div> <script> var vm = new Vue({ el:'#app', data:{ id:'123', ...
在JavaScript中使用console.log打印对像、数组等调试代码
cangchen的专栏
03-30 6971
js console.log 打印 对像 数组 详解 console.log是什么东西，其实就是一个打印js数组和对像的函数而已，就像是php的print_r,var_dump。console.log这个函数本身没什么好说的，这篇博客告诉大家怎么去用这个函数。在说这个函数之前，我想大家用的最多查看js输出，是alert吧，但是alert，只能弹string或者是int的
Firebug控制台详解(装)
btsk
03-27 511
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，...
仅需一个HTML页面即可查看你编写的JavaScript执行结果！
yakoo5的专栏
12-04 2376
工作学习时有时候会碰到要查看自己编写的JavaScript代码的执行结果，在Firefox里面还好办，有FireBug呢，但是IE6里面就不好弄了，所以，闲着无聊就做了一个简单的页面方便查看JavaScript代码执行结果, js代码可以包含单行(//注释内容)和多行注释(/*注释内容*/) （内容超级初级，自由玩乐，高手请飘过）。   完整HTML页面代码如下：
javascript console.log()方法
最新发布
09-14
console.log()是JavaScript中用于将消息打印到浏览器控制台的方法。它可以用于调试代码和输出信息。 例如，你可以使用console.log()来打印一个简单的消息： ```javascript console.log("Hello, World!"); ``` 这会在控制台输出"Hello, World!"。你也可以打印变量或表达式的值： ```javascript var num1 = 5; var num2 = 10; var sum = num1 + num2; console.log("The sum of", num1, "and", num2, "is", sum); ``` 这会输出"The sum of 5 and 10 is 15"。console.log()方法可以接受多个参数，并用空格分隔它们。 除了简单的文本外，你也可以打印对象、数组等数据结构： ```javascript var person = { name: "John", age: 30, city: "New York" }; console.log(person); ``` 这会打印出person对象的内容。 console.log()方法对于调试代码和查看变量的值非常有用，特别是在开发过程中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值