1.简述说明prompt()、alert()和confirm()三者的区别
alert() 弹出个提示框 (确定)
confirm() 弹出个确认框 (确定,取消)
prompt() 弹出个输入框 让你输入
2.setTimeout()和setInterval()在用法上有什么区别?
setTimeout()执行时是在载入后延迟指定时间后,去执行一次表达式(只执行一次)
语法是setTimeout(表达式,延时时间)
setInterval()执行时是从载入后,每隔指定的时间就执行一次表达式
setInterval(表达式,交互时间)
3.用setInterval()模拟计算机病毒效果,当打开一个页面时,会不停的弹窗口
具体实现代码如下:
病毒页面代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/webPic.jpg" />
<script type="text/javascript">
function index() {
window.open("bingdu.html", "", " width=260, height=260"); //打开病毒页面
}
var a = setInterval('index()',0); //时间函数1000等于1秒,如果想让电脑死机的话直接改为0
</script>
</body>
</html>
病毒窗口页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>病毒</title>
</head>
<body>
<img src="img/viruse.jpg"/>
</body>
</html>
4.根据Date()对象获取当前的日期和时间,根据不同的时间显示不同的问候语
具体实现代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p {
font-size: 28px;
font-weight: 500;
}
</style>
</head>
<body>
<p id="myclock"></p>
<p id="mytime"></p>
<p id="mynow"></p>
<script type="text/javascript">
function disptime() {
var today = new Date(); //获取当前时间
var year = today.getFullYear(); //获取年份
var month = today.getMonth() + 1; //获取月份
var day = today.getDate(); //获取本月的哪一天
var hh = today.getHours(); //获取时钟
var mm = today.getMinutes(); //获取分钟
var ss = today.getSeconds(); //获取秒钟
var now;r
if(hh >= 8 && hh <= 11) {
now = "上午好!欢迎来到贵美";
} else if(hh == 12) {
now = "中午好!欢迎来到贵美";
} else if(hh >= 13 && hh <= 17) {
now = "下午好!欢迎来到贵美";
} else if(hh >= 18 && hh <= 23) {
now = "晚上好!欢迎来到贵美";
} else if(hh >= 5 && hh <= 7) {
now = "早上好!欢迎来到贵美";
} else {
now = "深夜好!欢迎来到贵美";
}
document.getElementById("myclock").innerHTML = "今天日期:" + year + "年" + month + "月" + day + "日";
document.getElementById("mytime").innerHTML = "现在时间:" + hh + "点" + mm + "分" + ss + "秒";
document.getElementById("mynow").innerHTML = now;
}
var mytimes = setInterval("disptime()", 1000);
</script>
</body>
</html>
5.模拟随机发水果功能,水果品种固定,每次只能发一种
具体实现代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="Fruits"></div>
<script type="text/javascript">
var fruits = Array("苹果","香蕉","梨子","葡萄","橘子","西瓜","哈密瓜");//创建一个储存水果名字的数组
var index = Math.ceil(Math.random()*7)-1; //随机获取数组索引下标
document.getElementById("Fruits").innerHTML="您得到的水果是:"+fruits[index];
</script>
</body>
</html>