JavaScript语句_请列出组成 javascript 语句有哪些元素?-CSDN博客

本文链接：https://blog.csdn.net/qq_40817827/article/details/97487650

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

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p><b>JavaScript 程序</b> 是一系列由计算机执行的 <b>语句</b>。</p>
<p id="demo"></p>
<script>
var x, y, z;  // 语句 1
x = 22;        // 语句 2
y = 11;        // 语句 3
z = x + y;    // 语句 4
document.getElementById("demo").innerHTML =
"z 的值是" + z + "。";  
</script>
</body>
</html>

在这里插入图片描述

JavaScript 语句

JavaScript 语句由以下构成：

值、运算符、表达式、关键词和注释。
这条语句告诉浏览器在 id=“demo” 的 HTML 元素中输出 “Hello Kitty.”：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p><b>JavaScript 程序</b> 是一系列由计算机执行的 <b>语句</b>。</p>
<p id="demo"></p>
<script>
var x, y, z;  // 语句 1
x = 22;        // 语句 2
y = 11;        // 语句 3
z = x + y;    // 语句 4
document.getElementById("demo").innerHTML =
"z 的值是" + z + "。";  
</script>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 语句</h2>

<p>在 HTML 中，JavaScript 语句由浏览器执行。</p>

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

<script>
document.getElementById("demo").innerHTML = "Hello Kitty.";
</script>

</body>

注：
大多数 JavaScript 程序都包含许多 JavaScript 语句。
这些语句会按照它们被编写的顺序逐一执行。
注释：JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。

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

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

JavaScript 行长度和折行

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

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

JavaScript 代码块

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

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

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript语句 </h2>
<p>Javascript 代码块在 { 与 } 之间编写。。</p>

<button type="button" onClick="myfunction()">点我</button>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myfunction(){
	document.getElementById("demo").innerHTML="hello world";
	document.getElementById("demo2").innerHTML="are you ok?"
	}

</script>

</body>
</html>