JQuery高效制作网页特效第一章课后作业
打印到正金字塔
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>打印到正金字塔</title>
<style type="text/css">
div{text-align: center; line-height: 25px;}
hr{
width: 30px;
display: inline-block;
border: 1px solid;
}
</style>
</head>
<body>
<div>
<script type="text/javascript">
document.write("<h1>打印到正金字塔</h1>")
for(var k=7;k>0;k--){
for(var m=0;m<=k-1;m++){
document.write("<hr>");
}
document.write("<br />");
}
for(var n=1;n<=6;n++){
for(var h=0;h<n+1;h++){
document.write("<hr>");
}
document.write("<br />");
}
</script>
</div>
</body>
</html>
验证邮箱
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
var emale=prompt("请输入正确的邮箱地址:","susan@sohu.com" );
var index1 = emale.indexOf("."), index2 = emale.indexOf("@");
if(emale==""){
alert("邮箱不能为空")
}
else if (index1 == -1 || index2 == -1)
{
alert ("格式错误!");
}
else {
alert("格式正确,你的邮箱名称是"+emale)
}
</script>
</body>
</html>
判断星期几该做什么
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
var week=prompt("请输入今天是星期几:");
switch (week){
case '星期一':
alert("新的一天开始了");
break;
case '星期二':
case '星期三':
case '星期四':
alert("努力敲代码");
break;
case '星期五':
alert("明天就是周末了");
break;
case '星期六':
case '星期日':
alert("放松休息");
break;
}
</script>
</body>
</html>
JQuery高效制作网页特效第一章课后作业
最新推荐文章于 2023-04-13 14:20:28 发布