1.使用JavaScript打印倒正金字塔
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>打印倒正金字塔</title>
<style>
hr{
width: 20px;
display: inline-block;
}
div{
text-align: center;
}
</style>
</head>
<body>
<div>
<h3>打印倒正金字塔直线</h3>
<script>
for (var i=6;i>0;i--){
for (var j=0;j<i;j++){
document.write("<hr/>");
}
document.write("<br/>");
}
for (var n=2;n<=6;n++){
for (var o=0;o<n;o++){
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>
<input type="button" value="点击验证邮箱" onclick="mail()"/>
<script>
function mail() {
var flag=true;
while (flag){
var nun =prompt("请输入正确的邮箱","[email protected]");
if (nun==""){
alert("邮箱不能为空!")
}else if(nun.indexOf("@")==-1 && nun.indexOf(".")==-1){
alert("邮箱必须包含@和.")
}else {
alert(nun)
}
}
}
</script>
</body>
</html>
3.使用prompt()方法弹出提示对话框,根据用户输入星期几的不同,弹出不同的信息提示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>工作日选择</title>
</head>
<body>
<script>
var week;
var flag=true;
week=prompt("请输入今天星期几:");
switch (week){
case "星期一":
alert("新的一周开始了");
break;
case "星期二":
case "星期三":
case "星期四":
alert("努力工作");
break;
case "星期五":
alert("明天就是周末了");
break;
default:
alert("放松的休息");
}
</script>
</body>
</html>