console.log()的使用

最新推荐文章于 2024-07-11 17:49:40 发布
最新推荐文章于 2024-07-11 17:49:40 发布
阅读量2.8w 收藏 6
点赞数 1
分类专栏： java 文章标签： console.log
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34520606/article/details/78187842
版权
本文介绍了如何利用console.log()代替alert()进行网页调试。通过一个HTML实例展示了如何在浏览器的开发者工具中查看文本框的值，强调了console.log()在现代浏览器中的便利性。
摘要由CSDN通过智能技术生成

通常情况下，很多人会用alert（）进行调试，这样通常很麻烦，很多浏览器自带一个console，可以看到一些信息，下面为一个HTML的实例

<!DOCTYPE HTML >

<html>
  <head>
   

  </head>
  
  
  <body>
    
    <form name="xx" id="xx">
    <input type="text" name="inTxt" value="123">
    </form>
    <script>
  console.log(xx.inTxt.value);
  </script>
  </body>
</html>

用某个浏览器打开这个HTML文件，按下F12，就会出现该文本框里的值，结果如下图所示



  
  学会使用console.log（）会节省我们很多时间


无所谓的我啊
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript代码调试之console.log 用法图文详解
11-23
大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log 先的简单介绍一下chrome的控制台，打开chrome浏览器，按f12就可以轻松的打开控制台 大家可以看到控制台里面有一首诗还有其它信息，如果想清空控制台，可以点击左上角那个来清
console.log 的用法
maiyude的专栏
05-07 1万+
大家用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log 先的简单介绍一下chrome的控制台，打开c...
不仅是输出信息，console.log 也能玩出花
最新发布
qq_56262770的博客
07-11 606
如果 x 小于或等于 10，这段代码将在控制台输出错误信息 Assertion failed: x is not greater than 10。console.log 虽然主要用于调试目的，但也包含了一些有趣的用法，是 JavaScript 中一个常用的函数，用于向控制台输出信息。我们先来看看 console.log 一些基本用法。不仅能输出文本，还能以更丰富的方式展示信息。这段代码将在控制台输出函数调用的堆栈跟踪信息。
【console】console用法大全：
SunPeng的博客
06-21 6012
【console】console用法大全：
JavaScript的console.log()方法怎么用？
m0_66316324的博客
01-11 9615
JavaScript的console.log()方法怎么用？
console.log() 的小技巧
Hannaaa的博客
11-04 8146
众所周知，我们开发项目通常会使用前端框架，前端调试变得更加有难度，除了用一些插件以外，使用console.log()是最多的。console.log()为我们提供了很多打印的方法，下面是一些console对象包含的方法： 一、基本打印 1.console.log() console.log()就是最最基本和常用的用法。它可以再JavaScript代码的任何地方，这样就可以在浏览器的控制台中看到打印信息。基本使用方法如下： let name = "HHHHH"; let age = 18; cons
console.log详解
qq_29007709的博客
01-10 3万+
console.log方法用于在控制台输出信息。它可以接受一个或多个参数，将它们连接起来输出。 console.log('Hello World') // Hello World console.log('a', 'b', 'c') // a b c console.log方法会自动在每次输出的结尾，添加换行符。 console.log(1); console.log(2); conso...
node.js中的console.log方法使用说明
10-25
在Node.js开发中，console.log是一个极为常用的全局对象方法，主要用于将信息输出到...通过了解console.log的使用说明、语法、参数接收以及源码实现，开发者可以在Node.js开发中更有效地使用这个方法来调试和输出信息。
JavaScript调试技巧之console.log()详解
10-23
如果在不支持`console`对象的旧版浏览器中直接使用`console.log()`，可能会引发错误。为了避免这种情况，可以预先检查`window.console`是否存在，若不存在则创建一个空的`console`对象，确保`console.log()`在这些...
在vue中使用console.log无效的解决
11-20
在Vue.js开发过程中，我们经常使用`console.log()`来调试代码，查看数据的变化。然而，有时在Webpack开发环境下，可能会遇到`console.log()`输出无效的情况。这并不是因为Webpack本身的问题，而是由于某些配置或者...
从console.log说起(console.log详细介绍)
10-19
在console.log中可以使用格式化输出，这允许开发者通过指定格式化字符串和相应的变量来输出特定格式的信息。例如，console.log('%d+%d=%d', 1, 1, 2);能够输出"1+1=2"。console.log支持的格式标志不仅仅包括%d，还...
console.log 用法
热爱生活~热爱工作~热爱每一天~
11-29 3万+
【转】console.log 用法 标签： 转自http://www.cnblogs.com/ctriphire/p/4116207.html 大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端 设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调...
Firebug控制台详解(装)
btsk
03-27 553
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，...
让人眼前一亮的console.log 替代方案汇总
web前端开发
07-20 562
英文 | https://medium.com/frontend-canteen/use-these-methods-instead-of-console-log-to-make-your-console-more-clear-and-beautiful-59bbcc5a2a97翻译 | web前端开发（ID：web_qdkf)console.log 很棒，它可能是我们日...
console.log()用法
蓝格子云
07-26 2887
js中，在控制台输出简单信息。 var i = 5； console.log(“i=”,i);参考大牛链接：http://www.jb51.net/article/93941.htm
5个console.log() 技巧帮你提高工作效率
高先生的猫
06-25 3020
我们知道console.log(message)用法很简单，表示将参数message 打印到控制台上。 console.log('前端') // 前端 const myAge = 28 console.log(myAge) // 28 本文主要介绍5个有用的技巧，可帮助你在使用console.log()时提高工作效率。 1. 打印全名变量 如果在控制台打印多个变量，是数量比较多的情况下，我们很难区别哪个变量对应哪个值。 function sum(a, b) { console...
这5个 console.log() 技巧帮你提高工作效率
粉丝们务必加入微信粉丝群
03-24 3126
作者：Dmitri Pavlutin译者：前端小智来源：dmitripavlutin.我们知道 console.log(message)用法很简单，表示...
8个console.log的解决方案
前端开发博客
08-05 1418
console.log 很棒，它可能是我们日常开发中最常用的方法之一。但实际上，控制台对象中也有一些很棒的方法，它们可以帮助我们在控制台中打印出更清晰漂亮的消息。在今天的文章中，我就来分享一些有关控制台的高级技巧，我们现在开发吧。日志记录级别：调试、信息、警告、错误不同的事件根据其重要性具有不同的日志记录级别，通常有四个日志级别：调试→信息→警告→错误，他们在控制台对象中...
你所不知道的console.log()（console.log详解）
热门推荐
Jermyo的博客
11-07 3万+
console.log，作为一个前端开发者，想必每天都会用它来做分析调试，但这个简单函数背后你所不知道的一面，很多人未必使用过，有一些也是很方便使用的 基础 首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。 console.log('123'); // 123 ...
vue中console.log使用
08-23
在Vue中，可以使用`console.log`来打印信息。它可以用于调试和输出变量的值。你可以在Vue的组件中的方法中使用`console.log`来输出信息。例如，在一个Vue组件的方法中，你可以这样使用`console.log`： ```javascript methods: { handleClick() { console.log("Button clicked"); // 打印信息 } } ``` 在浏览器的开发者工具中，你可以查看控制台输出来查看`console.log`打印的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue模板语法（下）](https://blog.csdn.net/qq_21907023/article/details/100995182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值