第2章课后作业

最新推荐文章于 2020-09-28 11:04:57 发布

华少666

最新推荐文章于 2020-09-28 11:04:57 发布

阅读量311

点赞数

分类专栏：第2章 JavaScript操作BOM对象

本文链接：https://blog.csdn.net/weixin_41880408/article/details/81013577

版权

第2章 JavaScript操作BOM对象专栏收录该内容

2 篇文章 0 订阅

订阅专栏

第3题模拟病毒

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>病毒页面</title>
<script>
setInterval(function () {
window.open("viruse.html", "", "width=300,height=300")
}, 1000);
</script>
</head>
<body>
<img src="images/webPic.jpg" id="img1">
</body>

</html>

第4题问候语

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>问候</title>
<style>
p {
text-align: center;
font-weight: bold;
font-size: 20px;
}
</style>
<script type="text/javascript">
setInterval(function () {
var todaydate = new Date();
var date = todaydate.getFullYear() + "年" + (todaydate.getMonth() + 1)
+ "月" + todaydate.getDate() + "日";
var time = todaydate.getHours() + "时" + todaydate.getMinutes() + "分";
document.getElementById("span1").innerHTML = date;
document.getElementById("span2").innerHTML = time;
if (todaydate.getMinutes() != 0) {
if (todaydate.getHours() < 12) {
document.getElementById("span3").innerHTML = "上午好!";
} else if (todaydate.getHours() >= 12 && todaydate.getHours() < 18) {
document.getElementById("span3").innerHTML = "下午好!";
} else {
document.getElementById("span3").innerHTML = "晚上好!";
}
} else {
if (todaydate.getHours() <= 12) {
document.getElementById("span3").innerHTML = "上午好!";
} else if (todaydate.getHours() > 12 && todaydate.getHours() <= 18) {
document.getElementById("span3").innerHTML = "下午好!";
} else {
document.getElementById("span3").innerHTML = "晚上好!";
}
}
}, 1000)
</script>
</head>
<body>
<p><span>今天日期:</span><span id="span1"></span></p>
<p><span>现在时间:</span><span id="span2"></span></p>
<p><span id="span3"></span><span>欢迎来到贵美</span></p>
</body>

</html>

第5题发放水果

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>发放水果</title>
<style>
#span{
color: orange;
font-weight: bold;
font-size: 20px;
}
</style>
<script type="text/javascript">
function getsg() {
var arr1 = new Array("red","blue","black","orange","green","purple","pink","brown","grey");
var arr = new Array("苹果","梨子","香蕉","荔枝","芒果","菠萝","柠檬","哈密瓜","火龙果");
var num = parseInt(Math.round(Math.random()*8));
document.getElementById("span").innerHTML=arr[num];
document.getElementById("span").style.color=arr1[num];
}
</script>
</head>
<body>
<p><span>您得到的水果是:</span><span id="span"></span></p>
<input type="button" value="点击获取水果" οnclick="getsg()">
</body>
</html>