1,打印制作正金字塔直线
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>打印倒正金字塔直线</title>
<style>
div{
width: 300px;
margin: 50px auto;
text-align: center;
line-height: 10px;
}
hr{
width: 30px;
display: inline-block;
border: 1px solid;
}
</style>
</head>
<body>
<div>
<script type="text/javascript">
document.write("<h2>打印倒正金字塔直线</h2>")
for(var i=7;i>0;i--){
for(var j=0;j<=i-1;j++){
document.write("<hr/>")
}
document.write("<br/>")
}
for (var i=1;i<=6;i++){
for (var j=0;j<i+1;j++){
document.write("<hr/>")
}
document.write("<br/>")
}
</script></div>
</body>
</html>
2,验证邮箱地址的有效性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>邮箱地址</title>
</head>
<body>
<script type="text/javascript">
var email=prompt("请输入正确的邮箱地址")
var fs=email.substring(0,email.indexOf("@"));
if(email==""){
alert("邮箱不能为空!")
}else if(email.indexOf("@")<0||email.indexOf(".")<0){
alert("邮箱地址必须包含@和.")
}else if(email.indexOf("@")>email.indexOf(".")){
alert("邮箱地址错误")
} else{
alert("邮箱地址正确,邮箱名称是:"+fs);
}
</script>
</body>
</html>
3,根据输入星期一~星期日不同,弹出不同提示框
<!DOCTYPE html>
<html lang="en">
<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("明天就是周末了")
default:
alert("放松的休息")
}
</script>
</body>
</html>