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>
(运行结果)
在以上代码中,我们使用了 <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 语句的序列。
浏览器按照编写顺序依次执行每条语句(自上而下)。
本实例向网页输出一个标题和两个段落:
document.getElementById("demo1").innerHTML="你好 Dom"; document.getElementById("demo2").innerHTML="你最近学编程了没";
既然有单个的代码,当然也有分批组合起来的代码---代码块
代码块以左花括号开始,以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落:
function myFunction() { document.getElementById("demo1").innerHTML="你好Dolly"; document.getElementById("demo2").innerHTML="你最近学编程了没?"; }
在后续章节会学到有关函数的知识。
下一节我们继续学习有关JS变量的概念。
本文固定URL:https://www.dotcpp.com/course/1252