变量的作用域（JavaScript）

最新推荐文章于 2025-04-29 14:37:32 发布

原创最新推荐文章于 2025-04-29 14:37:32 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用HTML、CSS和JavaScript构建的个人音乐网页。页面采用居中布局，包含头部、主体和底部区域，头部提供登录和注册链接。JavaScript部分展示了作用域的概念，包括全局变量和局部变量的使用。

含有CSS代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人音乐网</title>
		
		<style type="text/css">		
		body{
			font-family:楷体;
			
			font-size:20px;
		}
		.wrap{
			margin: auto;
			width:100%;
		}
		#header {
			text-align:right;
			background:DimGray;
		}
		#main {
			text-align:left;
			height:700px;
			background:	#FFEBCD;
		}
		#footer {
			height:180px;
			background:bisque;
		}
		</style>
		<style type="text/css">
			a:link,a:visited{
			color: white;
 			text-decoration:none;  /*超链接无下划线*/
			}
			a:hover{
			color: white;
 			text-decoration:none;
			}
		</style>
	</head>	
	<body>
		<header id="header" class="wrap"><a href="login.html">登陆&nbsp</a><a href="register.html">&nbsp注册&nbsp</a></head>
		<section id="main" class="wrap">
			<script type="text/javascript">
			var gv1="javascript1";
			var gv2="javascript2";
			scopeTest();
			function scopeTest(){
				var lv="jscript1";
				var gv="jscript2";
				vv="vbscript";
				document.write("函数体内输出：");
				document.write("<br>");
				document.write(gv1);
				document.write("<br>");
				document.write(gv2);
				document.write("<br>");
				document.write(gv3);
				document.write("<br>");
				document.write(vv);
				document.write("<br>");
				document.write(lv);
				document.write("<br>");
			}		
			var gv3="javascript3";
			document.write("<br><br>");
			document.write("函数体外输出：");
			document.write("<br>");
			document.write(gv1);
			document.write("<br>");
				document.write(gv2);
				document.write("<br>");
				document.write(gv3);
				document.write("<br>");
				document.write(vv);
				document.write("<br>");
				document.write(lv);
				
		</script>
		</section>
		<footer id="footer" class="wrap">#footer</footer>
	</body>
</html>