JS输出、语句和注释方法

最新推荐文章于 2024-05-26 14:21:43 发布
最新推荐文章于 2024-05-26 14:21:43 发布
阅读量239 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
原文链接：https://www.w3school.com.cn/js/js_arithmetic.asp
版权

目录

JavaScript 输出

JavaScript 显示方案

使用 innerHTML

使用 document.write()

使用 console.log()

JavaScript 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。

JavaScript 程序

JavaScript 语句

分号 ;

JavaScript 空白字符

JavaScript 行长度和折行

JavaScript 代码块

JavaScript 注释

单行注释

多行注释

 JavaScript 类型运算符

JavaScript 输出

JavaScript 不提供任何内建的打印或显示函数。

JavaScript 显示方案

JavaScript 能够以不同方式“显示”数据：

  • 使用 window.alert() 写入警告框
  • 使用 document.write() 写入 HTML 输出
  • 使用 innerHTML 写入 HTML 元素
  • 使用 console.log() 写入浏览器控制台

使用 innerHTML

如需访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。

id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<p id="demo"></p>

<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

提示：更改 HTML 元素的 innerHTML 属性是在 HTML 中显示数据的常用方法。

 

使用 document.write()

出于测试目的，使用 document.write() 比较方便：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<button onclick="document.write(5 + 6)">试一试</button>

</body>
</html>

提示：document.write() 方法仅用于测试。

您能够使用警告框来显示数据：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

使用 console.log()

在浏览器中，您可使用 console.log() 方法来显示数据。

请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>
console.log(5 + 6);
</script>

</body>
</html>

 

JavaScript 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。

var x, y, z;	// 语句 1
x = 22;		// 语句 2
y = 11;		// 语句 3
z = x + y;	// 语句 4

JavaScript 程序

计算机程序是由计算机“执行”的一系列“指令”。

在编程语言中，这些编程指令被称为语句。

JavaScript 程序就是一系列的编程语句。

注释：在 HTML 中，JavaScript 程序由 web 浏览器执行。

JavaScript 语句

JavaScript 语句由以下构成：

值、运算符、表达式、关键词和注释。

这条语句告诉浏览器在 id="demo" 的 HTML 元素中输出 "Hello Kitty."：

document.getElementById("demo").innerHTML = "Hello Kitty.";

大多数 JavaScript 程序都包含许多 JavaScript 语句。

这些语句会按照它们被编写的顺序逐一执行。

注释：JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。

分号 ;

分号分隔 JavaScript 语句。

请在每条可执行的语句之后添加分号：

a = 5;
b = 6;
c = a + b;

如果有分号分隔，允许在同一行写多条语句：

a = 5; b = 6; c = a + b;

您可能在网上看到不带分号的例子。

提示：以分号结束语句不是必需的，但我们仍然强烈建议您这么做。

JavaScript 空白字符

JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。

下面这两行是相等的：

var person = "Bill";
var person="Bill";

在运算符旁边（ = + - * / ）添加空格是个好习惯：

var x = y + z;

JavaScript 行长度和折行

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。

如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符：

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

JavaScript 代码块

JavaScript 语句可以用花括号（{...}）组合在代码块中。

代码块的作用是定义一同执行的语句。

您会在 JavaScript 中看到成块组合在一起的语句：

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

注释：在本教程中我们为代码块用了 4 个空格的缩进。

提示：您将稍后在本教程中学到更多有关函数的内容。

JavaScript 注释

并非所有 JavaScript 语句都被“执行”。

双斜杠 // 或 /* 与 */ 之间的代码被视为注释。

注释会被忽略，不会被执行：

单行注释

单行注释以 // 开头。

任何位于 // 与行末之间的文本都会被 JavaScript 忽略（不会执行）。

本例在每条代码行之前使用单行注释：

var x = 7;   // 会执行

// var x = 8;   不会执行
/* var y = 9 这段代码也不会执行 
此处为具有多行注释的注释块   */

多行注释

多行注释以 /* 开头，以 */ 结尾。

任何位于 /* 和 */ 之间的文本都会被 JavaScript 忽略。

本例使用多行注释（注释块）来解释代码：

注释：使用单行注释最为常见。

提示：注释块常用于官方声明。

 JavaScript 类型运算符

运算符描述
typeof返回变量的类型。
instanceof

返回 true，如果对象是对象类型的实例。

Guanyu Liu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript输入输出语句
weixin_50727921的博客
03-28 168
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> // 这是一个输入框 prompt('请输入您的年龄'); // alert 弹出警示框 输出的 展示给用户的 alert('计算的结果是'); // console控制台输出.
JavaScript 基础一 初识 注释 和输入输出语句
m0_55170432的博客
03-27 230
1.1 JavaScript 是什么 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） **脚本语言：**不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 1.2 JavaScript 的作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 网页特效 服务端开发(Node.js) 服务端开发(Node.js) 桌面程序(Electron) App(Cord
JS_函数注释实现调用提示
小歪博客
05-11 409
【代码】JS_函数注释实现调用提示
【JavaScript】JavaScript 简介 ③ ( JavaScript 单行/多行注释 | 输入输出语句 | prompt 函数 | alert 函数 | console.log 函数 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-08 2097
一、JavaScript 注释 1、单行注释 2、多行注释 3、设置多行注释快捷键 二、JavaScript 输入输出语句 1、浏览器输入框 - prompt() 2、浏览器警告框 - alert() 3、浏览器控制台输出 - console.log()
jsdoc常见的注释标签
https://github.com/QAQDFAFD
05-26 388
JSDoc 是一种 JavaScript 文档生成工具，它使用特殊的注释格式来注释源代码，然后生成一个 HTML 格式的文档。这些注释遵循一定的格式，以便 JSDoc 工具能够解析并生成相应的文档。- 忽略某个成员不被 JSDoc 工具处理。- 描述变量或函数返回值的类型。- 描述函数可能抛出的错误。- 提供一个简短的描述。- 指定文档中的名称。- 提供一个代码示例。- 描述函数返回值。- 标记成员为私有。- 标记成员为公开。- 标记成员为静态。
JavaScript的注释
一名在校学习前端的小白
07-20 8639
为了提高代码的可读性，JS与CSS一样，也提供了注释功能。JS中的注释主要有两种，分别是单行注释和多行注释。为了方便信息的输入输出，JS中提供了一些输入输出语句本文章讲述了js的单，多行注释使用，和JavaScript的常用输出语句。https。...
JavaScript系列之注释
老__L的博客
06-25 1009
注释
js 注释/声明
weixin_49346755的博客
10-02 866
JavaScript 借鉴了 Java 的大部分语法，但同时也受到 Awk，Perl 和 Python的影响。JavaScript 是区分大小写的，并使用 Unicode 字符集。在 JavaScript 中，指令被称为语句（Statement），并用分号（;）进行分隔。如果一条语句独占一行的话，那么分号是可以省略的。但如果一行中有多条语句，那么这些语句必须以分号分开。
javascript使用输出语句实现网页特效代码
12-10
本文主要讲三个最为常用的输出语句，有alert()弹出警示框，打印输入语句，控制台输出，具体方法请看下文，附有图片、注释非常详细。  代码如下: alert() 弹出警示框 window.alert(‘继续学习’...
JavaScript语言笔记包括简介、用法、输出、语法、语句、注释等
04-01
JavaScript语言笔记包括简介、用法、输出、语法、语句、注释等
Web前端开发技术-注释与输入和输出.pptx
07-07
JavaScript 代码中提供了单行注释和多行注释两种方式。单行注释以 "://" 开始，到该行结束或 `<script>` 标签结束之前的内容都是注释。多行注释以 "/*" 开始，以 "*/" 结束。需要注意的是，多行注释中可以嵌套单行...
JavaScript console的使用方法实例分析
10-15
JavaScript的`console`对象是开发者调试JavaScript代码的重要工具，提供了多种方法来输出信息、检查变量、性能监控等。本文将详细介绍`console`的一些主要方法及其使用场景。 1. `console.log()` `console.log()`...
JavaScript基础知识及常用方法总结
10-22
在深入学习AJAX和现代前端框架之前，理解JavaScript的基础知识和常用方法是必不可少的。以下是对这些知识点的详细解释： 1. **基本输出**：`document.write("")` 用于在HTML文档中输出内容，但通常不推荐在实际项目...
js基础③—注释、快捷键、命名规则、打印、面向对象？
一起加油吧~
11-21 907
C#：从类继承 js：从对象继承 什么叫继承？ 模板（类） 原型继承（实体） 有一个对象存在，构造函数设置原型为这个对象 创建出来的对象就继承与这个对象（从对象那里继承） <script type="text/javascript"> onload = function () { var Person= function(){ this.say = function(){ al
代码规范-代码注释，及注释辅助工具，JSDoc工具
轻风细雨_林木木
12-19 733
代码规范-代码注释，及注释辅助工具，JSDoc工具
JavaScript注释
热门推荐
m0_55965566的博客
10-24 1万+
单行注释：为了提高代码的可读性， JS 与css— 样， 也提供了注释功能。 js 中的注释主要有两种， 分别是单行注释和多行注释。 单行注释的注释方式如下： / / 我是一行文字， 不想被JS引擎执行，所以注释起来 / / 用来注释单行文字（快捷键ctrl + /） 多行注释 多行注释的注释方式如下． /* 获取用户年龄和姓名 并通过提示框显示出来 */ / * * / 用来注释多行文字（ 默认快捷键alt +shift+a) 快捷键修改为ctrl + shift +/ vscode —首选项按钮—键盘快
JS显示和注释
qq_34754747的博客
05-19 296
1、控制浏览器弹出一个警告框 2、向body中输出一个内容 虽然写在head标签中，但是执行时，会出现在body标签中。 3、向控制台输出一个内容 三条命令是顺序执行的，警告框确认后，后两个命令才会执行 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"&gt
js的几种注释方法
u011200562的博客
10-02 3407
1.单行注释： //我是单行注释 2.多行注释： /*我是多行注释*/ 3.文档注释 /** *test 这是一个测试函数 */ function test(){ console.log('test') }
加上print输出语句和单行注释
最新发布
06-07
在编程中，`print()` 函数是用于输出信息到控制台的基本工具，通常用于调试或显示程序运行结果。例如，在Python中，你可以这样使用： ...在某些语言中，如JavaScript，多行注释可能需要特殊语法，如 `/* ... */`。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值