5月25日 DOM - 疯丫头0805

练习一：输入答案，弹出是否正确。

<!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>
</head>

<body>

<form>中国成立于哪一年？<input type="text" daan="1949年" id="t" name="t"/>
<input type="button" onclick="check()" id="t1" name="t1" value="检查答案"/>
</form>

</body>
</html>
<script>
function check()
{
    var a=document.getElementById("t");
    var b=a.value;
    var c=a.getAttribute("daan");
    if(b==c)
    {
        alert("恭喜您答对了！");
    }
    else
    {
        alert("对不起，您回答错了！");
    }
}
</script>

练习二：倒计时10秒，设置同意按钮，10秒倒计时结束是按钮可用，否则不能用，这里用操作属性：disable改变按钮状态,当disable="disable"时，按钮不可用。

<!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>
</head>

<body>
<form><input type="submit" id="t" name="t" value="同意（10）" disabled="disabled" /></form>

</body>
</html>
<script type="application/javascript" >
var n=10;
var a=document.getElementById("t");
function miao()
{
    n--;
    if(n==0)
    {
        a.removeAttribute("disabled");
        a.value="同意";
        return;
    }
    else
    {
        a.value="同意("+n+")";
        window.setTimeout("miao()",1000);
    }
}
window.setTimeout("miao()",1000);

</script>

posted on 2016-05-25 22:45 疯丫头0805 阅读(195) 评论(0) 收藏举报

刷新页面返回顶部