前端入门学习笔记三十九

物恰冰可乐

已于 2022-12-06 19:29:01 修改

阅读量73

点赞数

分类专栏：前端文章标签：前端学习 javascript

于 2022-12-04 23:18:59 首次发布

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

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "铠甲勇士"></p>
		<script>
			var liBai = "李白";
			var liBai;
			document.getElementById("铠甲勇士").innerHTML = liBai;
		</script>
	</body>
</html>

重复声明 JavaScript 变量
如果再次声明某个 JavaScript 变量，将不会丢它的值

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "铠甲勇士刑天"></p>
		<script>
			var k;
			k = 3 * 3 * 100 + 100;
			document.getElementById("铠甲勇士刑天").innerHTML = k;
		</script>
	</body>
</html>

JavaScript 算术
与代数类似，您能够通过 JavaScript 变量进行算术运算，使用 = 和 + 之类的运算符

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "liability"></p>
		<script>
			var liabi = "李白" + " "+ "古诗";
			libai = 3 * 3 * 100;
			document.getElementById("liability").innerHTML = libai;
		</script>
	</body>
</html>

字符串也可以使用加号，但是字符串将被级联

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "后端"></p>
		<script>
			var h = "9" + 3 + 9;
			h = 300;
			document.getElementById("后端").innerHTML = h;
		</script>
	</body>
</html>

字符串也可以使用加号，但是字符串将被级联
如果把要给数值放入引号中，其余数值会被视作字符串并被级联

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "铠甲勇士拿瓦"></p>
		<script>
			var b = 9 + 6 + "9";
			b = 1000;
			document.getElementById("铠甲勇士拿瓦").innerHTML = b;
		</script>
	</body>
</html>

字符串也可以使用加号，但是字符串将被级联
如果把要给数值放入引号中，其余数值会被视作字符串并被级联

<!DOCTYPE html>
<html>
	<head>
		<meta charset = 'UTF-8'/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "红茶"></p>
		<script>
			var libai = "李白";
			myFunction();
			function myFunction(){
				document.getElementById("红茶").innerHTML = "李白"+ libai;
			}
		</script>
	</body>
</html>

全局作用域
全局（在函数之外）声明的变量拥有全局作用域

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8"/>
		<title></title>
	</head>
	<body>
		<p></p>
		<p id = "JavaScript 变量"></p>
		<script>
			var dmbj = "盗墓笔记";
			var dmbj;
			document.getElementById("JavaScript 变量").innerHTML = dmbj;
		</script>
	</body>
</html>