最简单的一个事件：点一下按钮出现一句话，点第二下出现不同的话，等到点击第四下时，回到了第一次点击发生的事件，进入一个循环。可以用这个小程序衍生更多的事件，等后面写的更多一点试着写一下吧！直接看最后一种方法，里面/**/都是注释部分，但是自己又不想删！记下我的改代码过程！加油！
<!DOCTYPE html>
<html>
<head>
<title>大尾巴狼的需求</title>
</head>
<body>
<input type="text" id="asistence" />
<script type="text/javascript">
var a=["你点了一下按钮","你又点了一下按钮","你点了第三下了"];
var flag=0;
function giveubitch(){
if(flag==0){
document.getElementById("asistence").value = a[0];
}if(flag==1){
document.getElementById("asistence").value = a[1];
}if(flag==2){
document.getElementById("asistence").value = a[2];
}if(flag==3){
document.getElementById("asistence").value = a[0];
flag=0;
}
flag++;
}
</script>
<input type="button" value="点我有惊喜哦" οnclick="giveubitch()" />
</body>
</html>下面这是第二次修改的代码，改完之后发现有一个会循环覆盖的问题，虽然结果是正常执行，但是过程中的循环部分是采用最后一次的值覆盖得到的，感觉还是有点小问题。<!DOCTYPE html>
<html>
<head>
<title>大尾巴狼的需求</title>
</head>
<body>
<input type="text" id="asistence" />
<script type="text/javascript">
var a=["你点了一下按钮","你又点了一下按钮","你点了第三下了"];
var flag=0;
function giveubitch(){
if(flag>2){
flag=0;
}
for(var i=0;i<=flag;i++){
document.getElementById("asistence").value=a[i];
}
flag++;
}
</script>
<input type="button" value="点我有惊喜哦" οnclick="giveubitch()" />
</body>
</html>
下面是最后一种方法！改完感觉是最优的了，开心！<!DOCTYPE html>
<html>
<head>
<title>大尾巴狼的需求</title>
</head>
<body>
<input type="text" id="asistence" />
<script type="text/javascript">
var a=["你点了一下按钮","你又点了一下按钮","你点了第三下了"];
var flag=0;
function giveubitch(){
if(flag>2){
flag=0;
}
document.getElementById("asistence").value=a[flag];
flag++;
}
</script>
<input type="button" value="点我有惊喜哦" οnclick="giveubitch()" />
</body>
</html>
6336
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
