Dotcpp  >  编程教程  >  JavaScript基础语法及数据类型  >  JS代码规范

JS代码规范

点击打开在线编译器,边学边练

JS 语句是向浏览器发出指令,告诉浏览器如何执行。

下面的 JavaScript 语句可以向 id="demo" 的 HTML 元素输出文本 "你好 Dom":

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句示例</h2>
<p id="demo"></p>
<script>
  // 使用 JavaScript 语句向 id="demo" 的 HTML 元素输出文本
  document.getElementById("demo").innerHTML = "你好 Dom";
</script>
</body>
</html>

JS指令输出文本

(运行结果)

在以上代码中,我们使用了 <p> 标签创建了一个具有 id="demo" 的段落元素。在 JavaScript 部分,通过 getElementById()方法获取到具有指定 id 的元素,并使用 innerHTML 属性将文本内容设置为 "你好 Dom"。

最终,该 JavaScript 语句会告诉浏览器找到具有 id="demo" 的元素,将其内部的 HTML 内容替换为 "你好 Dom"。这样,当你在浏览器中打开该 HTML 文件时,你会看到页面上显示出 "你好 Dom" 这个文本。

JavaScript 语句的作用是告诉浏览器要执行的动作,这里的动作是修改特定元素的内容。通过这种方式,我们可以实现与用户的交互,并在网页中显示动态的内容。

分号

JavaScript 语句使用分号来分隔,通常我们在每条可执行的语句结尾都会添加分号。另外,分号还可以用于在一行中编写多条语句。

以下是一个示例,演示了如何正确使用分号来分隔 JavaScript 语句:

var x = 5;
var y = 10;
var z = x + y;
console.log(z); // 输出 15

在上述代码中,每条语句都以分号结束。首先声明变量 x 并赋值为 5,然后声明变量 y 并赋值为 10,最后计算 x 和 y 的和并将结果赋给变量 z。最后一行使用 console.log() 方法将变量 z 的值输出到控制台。

通过在每条可执行语句的结尾添加分号,我们可以确保 JavaScript 引擎能够正确理解代码的结构,并按照我们的意图进行解析和执行。

注意:

需要注意的是,JavaScript 允许某些情况下省略分号,比如当换行符表示了语句的结束。但为了代码的可读性和维护性,建议在每条可执行语句的结尾都添加分号。这样可以避免潜在的错误和解析问题。

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句(自上而下)。

本实例向网页输出一个标题和两个段落:

document.getElementById("demo1").innerHTML="你好 Dom";
document.getElementById("demo2").innerHTML="你最近学编程了没";

JavaScript 代码块

既然有单个的代码,当然也有分批组合起来的代码---代码块

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落:

function myFunction()
{
    document.getElementById("demo1").innerHTML="你好Dolly";
    document.getElementById("demo2").innerHTML="你最近学编程了没?";
}

在后续章节会学到有关函数的知识。

下一节我们继续学习有关JS变量的概念。



本文固定URL:https://www.dotcpp.com/course/1252

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)