我的第一篇博客--作为前端的你们是喜欢用console.log还是alert?

最新推荐文章于 2022-06-11 09:45:16 发布
最新推荐文章于 2022-06-11 09:45:16 发布
阅读量203 收藏
点赞数
分类专栏： 知识点整理 文章标签： 作为前端的你们是喜欢用console还是alert
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41317414/article/details/102802148
版权

大家好，这是本人的第一篇博客，老规矩上hello word,做为刚入行一年半的前端小白一直有一个问题想问各位大佬，在测试及调试数据是你们喜欢用console还是alert呢？第一遍博客希望别沉到大海里去了。
console.log(“Hello Word！”)
alert(“Hello Word！”)

1.console.log用法与输出

在这里插入图片描述

2.alert用法与输出

在这里插入图片描述

3.总结

  1. console.log 在控制台输出
    不阻塞
    不改变数据类型
    讲究数据原来是什么样子输出后就是什么样子。
    推荐使用！

  2. alert 以弹出框的形式输出
    阻塞
    改变数据类型自动将数据toString
    自行将数据toString调试时开发人员造成一定困扰。
    不推荐使用！

写在最后

如果你觉得这篇文章写得不错或者对您有用的话请帮忙点赞加收藏，毕竟原创不易；如果您觉得文章有什么地方写得不对或者需要改进的地方，欢迎通过评论私聊博主！

风泽木
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端项目-jquery-i18next.zip
09-03
console.log('language changed to:', t('currentLanguage')); } }); ``` 总结，`jQuery i18next` 为 jQuery 应用提供了强大的多语言支持。通过简单的配置和调用，它可以轻松地将文本内容与不同的语言资源对应...
vue实现一个全局api、alert
04-25
当然，实际的`$alert`实现可能不仅仅是一个简单的`console.log`，而是需要封装一个弹出对话框的逻辑，例如使用第三方库如SweetAlert、Vuetify的`v-dialog`或者其他自定义组件来实现。你可以根据项目需求，将确认、...
【前端】--console.log和alert的区别
全力奔跑，梦在彼岸
12-03 7426
前言        敲了将近两周的前端代码，为了页面调试方便，有的时候用console.log，有的时候用alert，console.log是在控制台中打出日志，alert是在界面上弹框呈现，在页面调试时发现没有简单，那么这两者有什么区别呢？下面我们一起来学习一下。 正文先来看一段代码： //第一张表单击单行时显示Tab标签页，传值 ShowDetails(index) { var v
alert 和 console.log的区别
XiaoDong的博客
11-16 1208
转载自网络上资源  1.简单的说alert 是弹出提示 ,只输出String  2.而console.log是在调试工具里打日志，可以输出任何类型的数据 下面具体给大家列出alert()与console.log()的不同点， [1]alert()     [1.1]有阻塞作用，不点击确定，后续代码无法继续执行     [1.2]alert()只能输出string
初识JavaScript
m0_61801103的博客
06-08 547
目录什么是JavaScriptJavaScript的组成JavaScript的书写形式行内式内嵌式​编辑外部式JavaScript的输入输出输入：prompt​编辑 输出：alert 输出：console.logJavaScript语法 变量的使用基本数据类型运算符条件语句 与循环语句数组创建数组新增数组元素删除数组元素 遍历数组 函数 语法格式对象 创建对象使用对象的属性和方法 获取元素 操作元素JavaScript简称（JS） 外部式 写到单独的.js文件中注意：这种情况下script标签中间
JS课后练习（一）
李子木的博客
05-15 3914
根据用户输入的数值1~7返回对应的星期几 比较两个数的最大值（用户依次输入两个数，最后弹出最大的那个值） 移出数组arr“[1,2,3,4,2,5,6,2,7,2]”中与2相等的元素，并生成一个新数组，不改变原数组。 请将数组“['苹果', '香蕉', '酥梨', '榴莲', '樱桃', '柿子', '葡萄', '哈密瓜', '西瓜']”中的元素依次打印到控制台 ...
JavaScript-测试题-1
~本特利~的博客
12-01 1万+
~本特利~ 入门知识 一、填空题 1.window.document.body可以简写为___document.body___。 2.console.log(alert(‘Hello’))在控制台的输出结果是___undefined___。 3.编辑器中“以UTF-8无BOM格式编码”中的BOM指的是___字节顺序标记___。 了解更多 4.alert(‘测试’.length)的输出结果是___2___。 二、判断题 1.JavaScript是Java语言的脚本形式。（ 错 ） 2.JavaScri
Web前端开发技术-认识JavaScript变量.pptx
07-07
JavaScript是Web前端开发...总结来说，JavaScript的变量是编程中最基本的元素，理解它们的声明、赋值、使用规则以及命名规范是学习JavaScript的第一步。了解这些基础知识后，你就可以开始构建更复杂的前端应用程序了。
千锋HTML5-JS阶段第三周理论考试题目02.pdf
11-25
16. `parseInt`、`setTimeout`和`alert`是全局函数，`onload`通常作为事件处理函数，不是全局函数。 【简答题概要】 1. JavaScript的数据类型包括基本类型（String、Number、Boolean、Null、Undefined、Symbol、...
JavaScript程序设计-ES之字符串扩展方法.pdf
11-02
如果找到，它会返回子字符串的第一个出现位置的索引；如果找不到，则返回-1。例如： ```javascript let str = "Hello, world!"; console.log(str.indexOf("world")); // 输出：7 ``` 2. `includes()`: 与`index...
简介alert()与console.log()的不同
11-24
简单的说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]alert不支持多个参数的写法,只能输出第一个值         e.g. alert(1,2,3);//1 [2]console.log()     [2
javascript 中的console.log和弹出窗口alert
10-21
主要介绍了javascript 中的console.log和弹出窗口alert 的相关资料,非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧
console.log的输出语句
weixin_45404102的博客
06-11 5397
console.log的输出语句字符串的输出
js第1章JavaScript快速入门 课后习题
WHT869706733的博客
11-25 3369
填空题 window.document.body可以简写为__document.body____。 console.log(alert('Hello'))在控制台的输出结果是__underfined____。 编辑器中“以UTF-8无BOM格式编码”中的BOM指的是__字节顺序标记____。 alert('测试'.length)的输出结果是__2____。 判断题 JavaScript是Java语言的脚本形式。（×） JavaScript中的方法名不区分大小写。（ ×） JavaScri...
js的四种输出语句
ZZY192921533的博客
03-10 9452
今天新学习了javascript里的弹窗输出、控制台输出、网页输出和输入输出框使用的是VScode 附上代码和笔记（笔记都用注释表示了）: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na...
alert 和 console.log
cloud_guo的博客
11-10 1861
在日常调试程序中，alert 和 console.log我们都会经常用到。简言之，alert()会在在浏览器界面弹出消息提示框；console.log()会在控制台里打印日志。他们又有什么区别？
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...
Firebug控制台详解(装)
btsk
03-27 540
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，...
console.log控制台输出
weixin_34062469的博客
01-09 735
console.log 转载于:https://www.cnblogs.com/sq45711478/p/8250149.html
console.log("商品添加成功！")怎么在前端显示添加成功
最新发布
06-15
可以使用以下几种方式在前端显示添加成功： 1. 弹窗提示：在商品添加成功后，弹出一个提示框，提示用户商品已经成功添加。可以使用 JavaScript 的 alert 或者自定义弹窗插件进行实现。 2. 消息提示：在页面顶部...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值