在网页中显示一个工作中的“数字时钟”
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>动态时钟</title><style>.all{width: 600px;height: 300px;margin: 100px auto;text-align: center;font-size: 50px;}#clock{margin-top: 50px;margin-left: 100px;width: 400px;height: 100px;font-size: 100px;text-align: center;font: bold;color: black;}.text{font-size: 30px;font-weight: bold;}</style><script type="text/javascript">function showTime(clock){var now = new Date();var hour = now.getHours();var minu = now.getMinutes();var second = now.getSeconds();var time =hour+":"+minu+":"+second;clock.innerHTML=time;}window.onload = function(){var clock = document.getElementById("clock");window.setInterval("showTime(clock)",1000);}</script></head><body><div class="all"><p>数字时钟</p><div id ="clock"></div></div> </body>
</html>结果
2.制作一个“禁止使用鼠标右键”操作网页，当浏览者在网页上右击时，自动弹出一个警告对话框，禁止用户使用右键快捷菜单。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>禁止下载</title><style>img{width: 600px;height: 600px;margin-left: 200px;}</style></head><body><p id="img"><img src="img/p3.jpg" /></p><script type="text/javascript">var demo=document.getElementById("img");demo.oncontextmenu=a;function a(){alert("禁止下载图片！");}document.addEventListener('contextmenu',function(b){b.preventDefault(); //阻止上下文菜单});</script></body>
</html>结果
