日期:2014-05-16  浏览次数:20404 次

javascript基础(一)

今天复习下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>