日期:2014-05-16 浏览次数:20404 次
今天复习下javascript 我举例三个例子 分别是提供用户交互 动态内容更新 验证数据 这三个常见的JS的功能 附上代码 一起学习 加油!!
?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Content-type" CONTENT="text/html;charset=utf-8"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function use1() { var result=prompt("请输入姓名:",""); if(result) alert("欢迎"+result+"的到来!"); } function use2() { var element=document.getElementById("ContentDiv"); element.style.position="absolute" element.style.top=200; element.style.left=200; element.innerHTML="<font color='red'>欢迎您的到来,我们一起学习!</font>"; } function use3() { var txtPwd=document.getElementById("txtPwd"); if(txtPwd.value==""){ alert("密码不能为空"); }else if(txtPwd.value.length<6){ alert("密码长度不能小于6位"); }else{ alert("密码验证通过"); } } //--> </SCRIPT> </HEAD> <BODY> <div id="ContentDiv"></div> <input type="button" value="提供用户交互" onclick="use1()" /> <input type="button" value="动态内容更改" onclick="use2()" /> <label>密码:</label><input type="password" id="txtPwd"/> <input type="button" value="验证数据" onclick="use3()" /><br /> </BODY> </HTML>