练习一：
<!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="f"/> <input type="button" onclick="nian()" value="检查答案"/> </form> </body> </html> <script> function nian() { var a=document.getElementById("f"); var a1=a.value; var a2=a.getAttribute("daan"); if(a1==a2) { alert("答案正确！"); } else { alert("答案错误！"); } } </script>
练习二：
<!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> <!--同意按钮，倒计时10秒，同意按钮变成可提交的--> <form> <input type="submit" id="f" value="同意（9）" disabled="disabled"/> </form> </body> </html> <script> var n=10; var a=document.getElementById("f"); function dao() { n--; if(n==0) { a.removeAttribute("disabled"); a.value="同意"; } else { a.value="同意（"+n+"）" window.setTimeout("dao()",1000); } } window.setTimeout("dao()",1000);/*这一步是调用“dao()”这个函数里面的内容，一进来首先走这一步，经过这一步调用，函数里面的内容才能使用*/ </script>