日期:2014-05-16 浏览次数:20479 次
今天复习下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>