JavaScript 第一章 作业

1.根据你的理解,简述JavaScript的执行原理

1、客户端请求某个网页,即我们在上网时在地址栏中输入某个网址,浏览器接收到网址之后,向远程web服务器提出请求

2、web服务器响应请求,web服务器找到请求的页面,并将整个页面包含javascript的脚本代码作为相应内容,发送回客户端机器

3、客户端浏览器解释并执行带脚本的代码,客户端浏览器打开回应的网页文件内容,从上往下逐行读取并显示其中的html或者脚本代码,脚本是从服务器端下载到客户端,然后在客户端进行的,即不占用服务器端的资源,因此通过客户端脚本,客户端分担了服务器的的任务,大大的减轻了服务器的压力,从而间接地提升了服务器的性能

2.简述JavaScript的组成及每部分的作用
JavaScript的组成:

1:EcmAScript 欧洲计算机协会指定的JavaScript的规范
2:BOM:BroSWer object model(浏览器对象模型)
3:DOM:Document Object Model(文档对象模型)

JavaScript的作用:

1、嵌入动态文本于HTML页面。

2、对浏览器事件做出响应。

3、读写HTML元素。

4、在数据被提交到服务器之前验证数据。

5、检测访客的浏览器信息。

6、控制cookies,包括创建和修改等。

7、基于Node.js技术进行服务器端编程

3.使用JavaScript实现打印倒金字塔直线
具体实现代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			div {
				text-align: center;
				line-height: 35px;
			}
		</style>
	</head>

	<body>
		<div>
			<script type="text/javascript">
				document.write("<h3>打印倒正金字塔直线</h3>");
				for(var i = 101; i > 0; i -= 10) { //打印倒金字塔       
					  
					document.write("<hr width=" + i + "/>");
				}
				for(var j = 11; j < 110; j = j + 10) { //打印正金字塔    
					  
					document.write("<hr width=" + j + "/>");
				}
			</script>
		</div>
	</body>
</html>

4.使用JavaScript实现验证邮箱的有效性
具体实现代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<script type="text/javascript">
			function EmailVast(email) {
				var a = email.indexOf("@"); //验证输入的邮箱地址是否包含"@" 
				if(email.length > 0) {
					if(a == -1 || email.indexOf(".") == -1) {
						alert("邮箱地址必须包含@和.");
					} else {
						var name = email.substring(0, a);
						alert("邮箱地址输入正确,邮箱名称是:" + name);
					}
				} else {
					alert("邮箱地址不能为空!")
				}
			}
			EmailVast(prompt("请输入邮箱地址", "[email protected]"));
		</script>
	</body>
</html>

5.使用prompt()方法在页面中弹出提示对话框,根据用户输入星期一~星期日的不同,弹出不同的信息提示对话框
具体实现代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var day=prompt("请输入今天是星期几","");
			switch (day){
				case "星期一":
				alert("新的一周开始了");
					break;
					case "星期二":
					case "星期三":
					case "星期四":
					alert("努力工作");
					break;
					case "星期五":
					alert("明天就是周末了");
					break;
					case "星期六":
					case "星期天":
					alert("放松休息");
					break;
				default:
				alert("请输入正确的星期");
					break;
			}
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/lyar1225/article/details/84841681