第十章课后习题

最新推荐文章于 2025-05-29 23:33:41 发布

雪中凌月

最新推荐文章于 2025-05-29 23:33:41 发布

阅读量215

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/2403_87170819/article/details/144012172

版权

习题1：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示当前时间</title>
<style>
	#a{
		text-align: center;
	}
	p{
		font-size: 100px;
	}
	#clock{
		font-size: 200px;
	}
</style>
<script>
function showTime() {
    var date = new Date();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
 
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;
 
    document.getElementById('clock').innerHTML = hours + ':' + minutes + ':' + seconds;
}
 
setInterval(showTime, 1000);
 
window.onload = showTime;
</script>
</head>
<body>
	<div id="a">
		<p>数字时钟</p>
		<div id="clock"></div> 
	</div>
</body>
</html>

习题2：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>禁止使用鼠标右击</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
        }
        .container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <div class="container">
        <img src="img/cat.jpg"/>
    </div>
 
    <script>
        document.addEventListener('contextmenu', function(event) {
            event.preventDefault();
            alert("禁止下载图片！");
        });
    </script>
</body>
</html>