<!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>
//title 图片标题 （鼠标放上去可以介绍标题）onclick执行语句（鼠标点击一次）ondblcick(点击两次)
//<span>在行内定义一个区域，也就是一行内可=被实现某种特定效果。<span>本身没有任何属性
//7行 .a1 下面用class="a1" 如果是#a1 下面就用id=...
//alert 弹出语句 48 49 行 就是弹出地址和id 87行 用this也可以弹出（这里是地址 也可以改为其他 比如id）
//<div align="center">格式居中;51行 .innerHTML 可以向对象插入内容 或 获取对象的内容
//如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
//如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；
