前端入门学习笔记三十二-CSDN博客

本文链接：https://blog.csdn.net/m0_65384293/article/details/128167360

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p>JavaScript 程序</p>
		<h3>HTML</h3>
		<p><b>html</b><b>css</b></p>
		<p id = "demo"></p>
		<script>
			var x,y,z;
			x = 30;
			y = 20;
			z = x + y;
			document.getElementById("demo").innerHTML="Z的值是"+z + ".";
		</script>
	</body>
</html>

JavaScript 程序
计算机程序是由计算机“执行”的一系列“指令”。
在编程语言中，这些编程指令被称为语句。
JavaScript 程序就是一系列的编程语句。
在 HTML 中，JavaScript 程序由 web 浏览器执行

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p>JavaScript 语句</p>
		<h3>HTML</h3>
		<p id = "demo"></p>
		<script>
			document.getElementById("demo").innerHTML = "前端";
		</script>
	</body>
</html>

JavaScript 语句
JavaScript 语句由以下构成：
值、运算符、表达式、关键词和注释。
这条语句告诉浏览器在 id="demo" 的 HTML 元素中输出 "Hello Kitty."
大多数 JavaScript 程序都包含许多 JavaScript 语句。
这些语句会按照它们被编写的顺序逐一执行。
JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p>分号 </p>
		<h3>HTML</h3>
		<p id = "demo1"></p>
		<script>
			var k,x,f;
			k = 9;
			x = 10;
			f = k + x;
			document.getElementById("demo1").innerHTML = f;
		</script>
	</body>
</html>

分号 ;
分号分隔 JavaScript 语句。
请在每条可执行的语句之后添加分号

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p>如果有分号分隔，允许在同一行写多条语句 </p>
		<h3>HTML</h3>
		<p id = "demo1"></p>
		<script>
			var k,r,hh;
			k = 3; r = 97; hh = k * r;
			document.getElementById("demo1").innerHTML = hh;
		</script>
	</body>
</html>

如果有分号分隔，允许在同一行写多条语句
分号分隔 JavaScript 语句。
请在每条可执行的语句之后添加分号

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p>JavaScript 空白字符</p>
		<h3>HTML</h3>
		<p id = "demo1"></p>
		<script>
			var person = "HTML"
			var h,g,y;
			h = 3;g = 9; y = h * g;
			document.getElementById("demo1").innerHTML = y;
		</script>
	</body>
</html>