副队长JavaScript教程(6)–输出语句

发布时间:2026/10/20 1:10:37

副队长JavaScript教程(6)–输出语句 点此查看所有教程、项目、源码导航文章目录1. 前言2. 弹窗输出3. 网页内容输出4. 控制台输出5. 小结1. 前言之前我们只讲过一个JS语句alert用于弹窗显示信息。一般这种程序显示信息的语句可以称之为输出语句意思是程序输出信息给用户看。JS常用的输出语句有3种今天逐一介绍下。2. 弹窗输出可以使用alert()语句进行弹窗输出括号中间的内容即为弹窗显示的信息。此处需要格外注意的是如果输出数字可以直接写到括号中如果要输出英文字母或者汉字则需要使用双引号将英文或汉字包裹起来。至于为何要使用双引号包裹我们后续章节会详细解析现在我们只需要记住就OK了。如下示例script// 弹窗输出数字123alert(123);// 弹窗输出汉字你好啊因为是汉字所以需要双引号包裹alert(你好啊);/script运行代码后会先弹窗显示数字123然后弹窗显示汉字你好啊。3. 网页内容输出可以通过document.write()语句将括号中的信息输出到网页内容部分。同样当括号内是数字时可以直接写数字而当括号内是英文或者汉字时需要用双引号包裹起来。如下示例body网页原有内容brscript// 将123输出到网页内容document.write(123);// 将你好啊输出到网页内容document.write(你好啊);/script/bodybody区域已经有网页原有内容br然后又通过document.write向网页内容区域输出了123和你好啊所以最终运行效果如下4. 控制台输出一般来说弹窗输出用于给用户展示一些重要提示信息例如登录用户名或者密码错误。而使用document.write的方式输出到网页内容区域这种用法很少因为直接在body里面写内容岂不是更方便为啥还要用document.write多此一举。还有一种输出方式其实是前端开发人员最常用的就是开发者工具的控制台输出。也就是输出的信息不在网页上显示而是显示到控制台这种方式一般是程序员调试使用的。如下代码script// 将123输出到控制台console.log(123);// 将你好啊输出到控制台console.log(你好啊);/script运行后我们按【F12】打开控制台如下图可见console.log()会将括号中间的信息输出到控制台显示。5. 小结alert用来弹窗提示但是浏览器提供的弹窗太丑了所以并不常用。document.write用于输出到网页内容区域这种方式不如直接在body中写内容方便所以也不常用。console.log可以将信息打印到控制台网页上并不会显示程序员会通过该语句调试程序使用频率还是很高的。
延伸阅读

更多相关文章

2026/10/20 1:05:37

ROS2工业级开发:实时性、资源适配与可交付验证体系

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:05:37

WSL下STM32开发板烧录指南:USB透传与OpenOCD实操

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:05:37

FIW线是什么?FEP注塑线与普通氟塑料线的区别及应用指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 6:11:27

从28.2%到2.25%:ImageNet七年冠军史,看懂深度学习图像分类进化

先说明一件事:标题里这个“7年”其实是个比较宽泛的说法。ILSVRC从2010年第一届办到2017年谢幕,严格算是八个赛季;但如果从2011年大家开始认真对待这个比赛、正式把它看成一条技术赛道算起,到2017年最后一届刚好七年。无论按哪个口…

2026/10/20 6:11:27

冷链仓储成本失控?WMS用效期与温层管理破局

1. 零售业冷链高成本困局从何而来我做仓储物流这一行十几年,见过不少项目从春风得意到黯然收场。盒马会员店最近传出全线关闭的消息,很多同行在群里讨论,有人说是选址问题,有人说是商品力不够。但我在看这条新闻时,第一…

2026/10/20 6:11:27

谷歌购物/google购物 协议采集分析

声明 本文章中所有内容仅供学习交流使用,不用于其他任何目的,抓包内容、敏感网址、数据接口等均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关! 有相关问题请第一时间点击头像看简介或…

2026/10/20 6:11:27

C语言笔试题

第119~121集&#xff08;鹏哥C语言&#xff09; 文章目录笔试题 1&#xff1a;笔试题 2&#xff1a;笔试题 3&#xff1a;笔试题 4&#xff1a;笔试题 5&#xff1a;笔试题 6&#xff1a;笔试题 7&#xff1a;笔试题 8&#xff1a;笔试题 1&#xff1a; #include <stdio.h&g…

2026/10/20 6:06:26

ppt-master:用代码和配置自动化生成PPT的工程化方案

1. 项目概述&#xff1a;这不是一个PPT模板&#xff0c;而是一套可编程的幻灯片生成系统“ppt-master”这个名称乍一听像是某个网红PPT模板合集&#xff0c;但实际接触过的人很快会发现——它根本不是传统意义上的美化资源包。我第一次在某技术社区看到这个词时&#xff0c;也以…

2026/10/19 18:06:35

金融AI落地指南:从调研报告到技术选型与工程实践

简介&#xff1a;这份PDF报告聚焦2025年金融服务业中国AI现状与趋势&#xff0c;面向金融科技从业者、AI战略规划人员及关注行业数字化转型的研究者&#xff0c;帮助读者把握生成式AI在银行、支付、交易等场景中的落地路径与投资方向。资源包内含1个PDF文件&#xff0c;大小约1…

2026/10/20 1:05:37

单片机C运行时从启动到多任务:中断安全与共享资源冲突

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:05:37

GCC编译四步详解:预处理、编译、汇编、链接实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:05:37

FIW线是什么?FEP注塑线与普通氟塑料线的区别及应用指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
☎咨询二维码 ☎ ↑