<!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> <style> .a1{ width:200px; height:100px; background-color:#FCF; border:1px solid #F0F; color:#00F; font-size:50px; } .a2{ width:400px; height:100px; background-color:#FCF; border:1px solid #F0F; color:#00F; font-size:50px; } </style> <script> function text(){ for(var i=0;i<10;i++){ document.write("hhhh"); document.write("<br/>"); } } function text1(){ alert("你输了"); } function text2(){ alert(confirm("好几个接口")); } function text3(){ prompt("你是猪吗？"); } function text4(){ var i=document.getElementById("name"); alert(i.id+i.value); // alert(i.value); } function text5(){ var i=document.getElementById("img2"); i.src="3.jpg"; alert(i.src); alert(i.id); } function text6(){ var a=document.getElementById("span1"); a.innerHTML="<br/><img src='2.jpg'/>"; alert("hhhh"); } function text7(){ var b=document.getElementById("span1").innerHTML; b="<br/><img src='1.jpg'/>"; } var x=0; function text8(){ var c=document.getElementById("img4"); c.src=(++x%3+1)+".jpg"; } function text9(y){ alert(y); }
</script>
</head>
<body> <div align="center"> <span id="span1" οnclick="text6()">哈哈哈</span> <br/> <input type="button" value="点我呀！" class="a1" οnclick="text3()"/> <br/> <input type="button" value="点我呀！点两下" class="a2" οndblclick="text1
()"/> <br/> <input type="button" value="点我呀！点两下" id="name" class="a2"
οnclick="text4()"/> <br/> <img src="3.jpg" id="img2" οnclick="text5()" title="222"/> <br/> <img src="1.jpg" id="img3" οnclick="text9(this.src)"
style="height:300px;width:300px" title="222"/> <br/> <img src="1.jpg" id="img4" οnclick="text8()"
style="height:300px;width:300px" title="222"/> </div> </body> </html>
