javascript基础(1)

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>

javascript基础(1)

相关推荐