<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <!--四、按钮动画--> <script> function mouseOver() { document.b1.src="素材/baidu2.png" } function mouseOut() { document.b1.src="素材/baidu1.png" } </script> <!--五、图片分段显示--> <script type="text/javascript"> function writeText(txt) { document.getElementById("wwz").innerHTML=txt } </script> <!--警告框会在 5 秒后显示--> <script> function warn() { var t=setTimeout("alert('5 秒！')",5000) } </script> </head> <body> <!--一、数字循环--> <script> for(i=0;i<5;i++) { document.write("数字是"+i+"<br>"); } </script> <!--二、循环产生标题--> <script> for(i=1;i<7;i++) { document.write("<h"+i+">这是标题"+i+"</h"+i+"<br>"); } </script> <!--三、检测浏览器版本--> <script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=parseFloat(b_version) document.write("浏览器名称："+ browser) document.write("<br />") document.write("浏览器版本："+ version) </script> <!--四、按钮动画--> <img src="素材/baidu1.png" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" alt="路由器"/ > <!--五、图片分段显示--> <img src="素材/n1.jpg"> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" onMouseOver="writeText('直到 20 世纪 60 年代，金星一直被认为是地球的孪生姐妹，因为金星是离我们最近的行星，同时还由于两者拥有很多共同的特征。')"/> <area shape="circle" coords="129,161,10" onMouseOver="writeText('从地球上是很难研究水星的，这是由于它和太阳的距离总是很近。')"/> <area shape="rect" coords="0,0,110,260" onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')" /> </map> <p id="wwz"></p> <!--六、警告框会在 5 秒后显示--> <form> <input type="button" value="显示定时的警告框" onClick = "warn()"> </form> </body> </html>