自学内容网 自学内容网

第10章JavaScript的应用作业

1.

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实时显示系统时间C</title>
<style>
#div{
    margin:100px auto;
    width: 400px;
    height: 100px;
    text-align: center;
    font: bold;
}
</style>
<script>
function myDate(){
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
document.getElementById("div").innerHTML=hours+":"+minutes+":"+seconds;
}
setInterval(myDate,1000);
</script>
</head>
<body>
<div style="text-align: center;"><h1>数字时钟</h1></div>
<div id="div"></div>
</body>
</html>

图片

2.

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实时显示系统时间C</title>
<style>
div{
display: block;
text-align: center;
}
</style>
<script>
document.addEventListener("contextmenu", function(event) {
            event.preventDefault(); // 阻止默认的右键菜单显示
            alert("禁止在此处使用右键菜单!"); // 弹出警告
        });
</script>
</head>
<body>
<div>
<img src="img/cat.jpg"/>
</div>
</body>
</html>

图片


原文地址:https://blog.csdn.net/2301_80799126/article/details/144019166

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!