练习一:输入答案,弹出是否正确。
<!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>