关于console.log()与alert()之间的藕断丝连

于 2021-11-09 20:25:38 发布
阅读量754 收藏
点赞数
分类专栏： 前端 Javascript 小白白 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49306888/article/details/121235625
版权
本文探讨了JavaScript中console.log()与alert()的区别。console.log()通过控制台输出，支持多变量同时输出，可输出任意类型数据；而alert()在页面弹窗显示，仅支持单个字符串输出，会阻塞代码执行。在调试时，alert()常用于临时检查，而console.log()更适合多变量输出和debug模式。
摘要由CSDN通过智能技术生成

在最近编写js代码的时候，偶然遇到了这两种输出方式的不同，关于以前从来没有遇到过，这次就打算写下来，给自己一点记录下来，也希望给更多前端小白能够多了解一点，接下来就开始大概说一下。

问题：

1、代码（通俗易懂）

 2、测试

3、控制台(F12）console   输出：

 4、弹窗输出  alert：

下面就来给大家分析一下它们之间的区别：

  console.log() 

    1、通过控制台输出            

    2、支持多个变量同时输出

    3、可以输出任意类型的数据

alert()

     1、在页面弹窗显示

最低0.47元/天 解锁文章
〃 通殺ヾ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 中的console.log和弹出窗口alert
10-21
主要介绍了javascript 中的console.log和弹出窗口alert 的相关资料,非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧
node.js中的console.log方法使用说明
10-25
主要介绍了node.js中的console.log方法使用说明,本文介绍了console.log的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
alert 和 console.log
cloud_guo的博客
11-10 1864
在日常调试程序中，alert 和 console.log我们都会经常用到。简言之，alert()会在在浏览器界面弹出消息提示框；console.log()会在控制台里打印日志。他们又有什么区别？
警告（alert 消息对话框）
JamesLi6的博客
06-16 962
我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。 语法: alert(字符串或变量); 看下面的代码: var mynum = 30; alert("hello!"); alert(mynum); 注:alert弹出消息对话框(包含一个
一个console和alert毁所有
do what you like && brave
05-22 334
找了一个多小时终于发现了问题点。EasyUI里的界面不能用console和alert方法。好想哭。不过还好发现了这个问题。也发现了IDEA是可以有自带的页面调试功能的，用熟悉了果然就是神器。<#include "/common/head.html"/> <script type="text/javascript" src="${basePath}/res/js/menu.js"&...
console.log与alert
dingdongkk~博客
08-14 386
console.log输出到web控制台（按快捷键F12即可看到）。 而alert，弹出消息，暂停运行，点确认继续下一步。
alert() 与 console.log() 的区别
PT - Blog
05-29 2620
alert() 与 console.log() 的区别
JavaScript调试技巧之console.log()详解
10-23
相比传统的`alert()`函数，`console.log()`具有诸多优势。`alert()`会在程序执行过程中弹出对话框，打断用户交互，而`console.log()`则只是在浏览器的控制台输出信息，不会干扰页面的正常运行。 `console.log()`是...
console.log控制台信息前台显示特效代码
03-20
"console.log 控制台" 标签明确了讨论的主题是关于JavaScript的调试工具`console.log()`，它是开发者常用的调试手段之一，用于输出变量值或者表达式的结果，便于理解代码执行的过程和状态。而"控制台"则指的是浏览器...
在vue中使用console.log无效的解决
11-20
在Vue.js开发过程中，我们经常使用`console.log()`来调试代码，查看数据的变化。然而，有时在Webpack开发环境下，可能会遇到`console.log()`输出无效的情况。这并不是因为Webpack本身的问题，而是由于某些配置或者...
console.log与alert的区别
weixin_42331327的博客
08-01 197
例： var person = { toString:function(){ return "Greg" } } console.log(person);结果为： alert(person);结果为： 分析： 可以看到console.log()输出的是一个对象，这是因为console.log()可以输出各种类型的数据； alert()输出的是一个字符串，这是因为alert...
console.log()与alert()对比使用及console.log()使用注意事项
习惯有你&的博客
07-04 5082
今天开发的时候发现一个问题，很是奇怪，就是页面上的有些操作在谷歌、火狐、IE8、IE10、IE11下都没有问题，但是在IE9下就是不可用，刚开始以为是浏览器兼容性的问题，后来查找资料发现是页面加载console.log()的原因，因为IE浏览器下默认是不支持console.log，反而会因为这句代码而报错，所有ie下注释掉比较好
alert与console.log区别
打字员blog
11-13 766
alert(): 1.有阻塞作用，不点击确定，后续代码无法继续执行； 2.alert()只能输出string,如果alert输出的是对象会自动调用toString()方法； alert( [a,b,c] ); //a,b,c 3.alert不支持多个参数的写法,只能输出第一个值； alert(1,2,3); //1 console.log(): 1.在打印台输出，可以打印任何类型的...
alert ()和console.log()的区别
那么多的人，你要去哪里
01-28 598
简单的说alert 是弹出提示而console.log是在调试工具里打日志 下面具体列出alert()与console.log()的不同点， alert() 1.有阻塞作用，不点击确定，后续代码无法继续执行 2.alert()只能输出string,如果alert输出的是对象会自动调用toString()方法         e.g. alert([1,2,3]);
alert跟console.log()的区别
前端菜鸟
12-25 371
简单的说alert 是弹出提示而console.log是在调试工具里打日志，下面具体给大家列出alert()与console.log()的不同点，[1]alert()[1.1]有阻塞作用，不点击确定，后续代码无法继续执行[1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([1,2,3]);//'1,2,3'[1.3]
IE console.log 调试状态
anx5568的博客
12-25 190
最近项目遇到问题，发现alert一个弹窗，在IE中，打开开发人员工具后，可以弹出，但是不打开无法弹出，最后发现是console.log的原因，注释掉console相关的代码，问题就解决了 有些版本的IE不支持console，会提示未定义console对象。 在兼容IE的js代码中，最好不好用console。 转载于:https://www.cnblogs.com/spaceMM/p...
【前端】--console.log和alert的区别
全力奔跑，梦在彼岸
12-03 7446
前言        敲了将近两周的前端代码，为了页面调试方便，有的时候用console.log，有的时候用alert，console.log是在控制台中打出日志，alert是在界面上弹框呈现，在页面调试时发现没有简单，那么这两者有什么区别呢？下面我们一起来学习一下。 正文先来看一段代码： //第一张表单击单行时显示Tab标签页，传值 ShowDetails(index) { var v
console.log()和alert()的区别
baku0380的博客
05-11 140
一直都是知道console.log()和alert()是有区别的，但是具体有什么区别就不清楚了，后来在权威指南里注意到了说alert()具有侵入性才来查一查两者的具体区别。 查询到的区别： alert() 1.弹出提示 2. 对代码运行有阻塞作用，在弹出框输出，不点击确定，后续代码无法继续执行 3. alert()只能输出string,如果alert输出的是对象会...
新手最容易忽略的js中console、alert、var、const、let使用上的区别
pangwenyu1989620的博客
10-07 627
console、alert、var、const、let使用上的区别 废话不多说，直接开始解释： console是浏览器f12 debugger控制台打印输出，alert是弹框警告提示，如： console.log('aaaaaaaa')； f12控制台输出aaaaaaaa， alert('aaaaaaaa')； js运行时弹出一个提示框，提示aaaaaaaa, var类似于全局变量，可提前申明，...
console.log(alert('hello'))
最新发布
03-16
console.log(alert('hello')) 的意思是在控制台输出一个警告框并弹出 "hello" 的提示信息。但是这段代码是错误的，因为 alert() 函数不会返回任何值，所以无法在 console.log() 中输出。应该将它们分开写，如下所示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值