/////////////////////////////////////////////////////////////////////////////////////////////////////////
<!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>
<link href="style.css" rel="stylesheet">
<script language="javascript">
function check(){
if(form1.user.value==""){//判断用户名是否为空
alert("请输入用户名！");form1.user.focus();return;
}else if(form1.pwd.value==""){//判断密码是否为空
alert("请输入密码！");form1.pwd.focus();return;
}else{
form1.submit();//提交表单
}
}
</script>
</head>
<body>
<center>
<form name="form1" method="post" action="">
<table width="221" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF">
<tr>
<td height="30" colspan="2" bgcolor="#eeeeee">用户登录</td>
</tr>
<tr>
<td width="59" height="30">用户名：</td>
<td width="162"><input name="user" type="text" id="user"></td>
</tr>
<tr>
<td height="30">密 码：</td>
<td><input name="pwd" type="text" id="pwd"></td>
</tr>
<tr>
<td height="30" colspan="2" align="center"><input name="Button" type="button" class="btn_grey" value="登录" onClick="check()">
<input name="Submit2" type="reset" class="btn_grey" value="重置"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<title>从身份证号码中获取出生日期</title>
<script language="javascript">
function checkRealName(){
var str=form1.realName.value;//获取输入的真实姓名
if(str==""){
//当真实姓名为空时
alert("请输入真实姓名！");form1.realName.focus();return;
}else{
//当真实姓名不为空时
var objExp=/[\u4E00-\u9FA5]{2,}/;//创建RegExp对象
if(objExp.test(str)==true){//判断是否匹配
alert("您输入的真实姓名正确！");
}else{
alert("您输入的真实姓名不正确！");
}
}
}
</script>
</head>
<body>
<center>
<form name="form1" method="post" action="">
请输入真实姓名：<input name="realName" type="text" id="realName">
<input name="Button" type="button" onClick="checkRealName()" value="检测">
</form>
</center>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<html>
<head>
<title></title>
<link href="CSS/style.css" rel="stylesheet">
</head>
<body>
<center>
<form id="form4" name="form4" method="post" action="">
<label> </label>
<table width="353" height="140" border="0">
<tr>
<td width="104" align="right">用户名：</td>
<td width="233" align="left"><label for="textfield"></label>
<input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td align="right">密码：</td>
<td align="left"><label for="textfield2"></label>
<input type="password" name="textfield2" id="textfield2" /></td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td align="left"><label for="textfield3"></label>
<input type="password" name="textfield3" id="textfield3" /></td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" onClick="mysubmit()"/>
</label>
<label>
<input type="reset" name="Submit2" value="重置" />
</label>
<label>
<input type="button" name="Submit3" value="关闭" onclick="window.close()"/>
</label></td>
</tr>
</table>
<label><br/>
</label>
</form>
</center>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<html>
<head>
<title>实时显示系统时间</title>
<script language="javascript">
function realSysTime(clock){
var now=new Date();//创建Date对象
var year=now.getFullYear();//获取年份
var month=now.getMonth();//获取月份
var date=now.getDate();//获取日期
var day=now.getDay();//获取星期
var hour=now.getHours();//获取小时
var minu=now.getMinutes();//获取分钟
var sec=now.getSeconds();//获取秒钟
month=month+1;
var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var week=arr_week[day];//获取中文的星期
var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;//组合系统时间
clock.innerHTML="当前时间："+time;//显示系统时间
}
window.onload=function(){
window.setInterval("realSysTime(clock)",1000);//实时获取并显示系统时间
}
</script>
</head>
<body>
<div id="clock"></div>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<%@ page language="java" pageEncoding="GBK"%>
<html>
<head>
<title>一个简单的文档</title>
<script language="javascript">
var elementList = "";
//全局变量，保存Element标记名，使用完毕要清空
function getElement(node) {
//参数node是一个Node对象
var total = 0;
if(node.nodeType==1) {
//检查node是否为Element对象
total++;
//如果是，计数器加1
elementList = elementList + node.nodeName + "、";//保存标记名
}
var childrens = node.childNodes;//获取node的全部子节点
for(var m=node.firstChild; m!=null;m=m.nextSibling) {
total += getElement(m);
//对每个子节点进行递归操作
}
return total;
}
function show(){
var number=getElement(document);//获取标记总数
elementList=elementList.substring(0,elementList.length-1);//去除字符串中最后一个逗号
alert("该文档中包含："+elementList+"等"+number+"个标记！");
elementList=""; //清空全局变量
}
</script>
</head>
<body onLoad="show()">
欢迎访问明日科技网站！
<br>
<a href="http://www.mingribook.com"> http://www.mingribook.com</a>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<%@ page language="java" pageEncoding="GBk"%>
<html>
<head>
<title>发表评论</title>
<link rel="stylesheet" href="CSS/style.css">
<script language="javascript">
function addElement() {
//创建TextNode节点
var person = document.createTextNode(form1.person.value);
var content = document.createTextNode(form1.content.value);
//创建td类型的Element节点
var td_person = document.createElement("td");
var td_content = document.createElement("td");
var tr = document.createElement("tr"); //创建一个tr类型的Element节点
var tbody = document.createElement("tbody"); //创建一个tbody类型的Element节点
//将TextNode节点加入到td类型的节点中
td_person.appendChild(person);
td_content.appendChild(content);
//将td类型的节点添加到tr节点中
tr.appendChild(td_person);
tr.appendChild(td_content);
tbody.appendChild(tr); //将tr节点加入tbody中
var tComment = document.getElementById("comment"); //获取table对象
tComment.appendChild(tbody); //将节点tbody加入节点尾部
form1.person.value="";//清空评论人文本框
form1.content.value="";//清空评论内容文本框
}
//删除第一条评论
function deleteFirstE(){
var tComment = document.getElementById("comment"); //获取table对象
if(tComment.rows.length>1){
tComment.deleteRow(1);//删除表格的第二行，即第一条评论，
}
}
//删除最后一条评论
function deleteLastE(){
var tComment = document.getElementById("comment"); //获取table对象
if(tComment.rows.length>1){
tComment.deleteRow(tComment.rows.length-1);//删除表格的最后一行，即最后一条评论
}
}
</script>
</head>
<body>
<table width="600" height="70" border="0" align="center" cellpadding="0" cellspacing="1" bordercolorlight="#FF9933" bordercolordark="#FFFFFF" bgcolor="#666666">
<thead>
<tr>
<td width="14%" align="center" bgcolor="#FFFFFF"><img src="head.jpg" width="70" height="74"></td>
<td width="86%" align="left" bgcolor="#FFFFFF"> 人生若真如一场大梦，这个梦倒也很有趣的。在这个大梦里，一定还有长长短短，深深浅浅，肥肥瘦瘦、甜甜苦苦，无数的小梦。有些已经随着日影飞去；有些还远着哩……</td>
</tr>
</thead>
</table>
<br>
<table width="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#666666" bordercolordark="#FFFFFF" id="comment">
<tr>
<td width="18%" height="27" align="center" bgcolor="#E5BB93">评论人</td>
<td width="82%" align="center" bgcolor="#E5BB93">评论内容</td>
</tr>
</table>
<form name="form1" method="post" action="">
<table width="600" height="122" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="119" height="14"> </td>
<td width="481"> </td>
</tr>
<tr>
<td height="27" align="center">评 论 人：</td>
<td>
<input name="person" type="text" id="person" size="40">
</td>
</tr>
<tr>
<td align="center">评论内容：</td>
<td><textarea name="content" cols="60" rows="6" id="content"></textarea></td>
</tr>
<tr>
<td height="40"> </td>
<td><input name="Button" type="button" class="btn_grey" value="发表" onClick="addElement()">
<input name="Reset" type="reset" class="btn_grey" value="重置">
<input name="Button" type="button" class="btn_grey" value="删除第一条评论" onClick="deleteFirstE()">
<input name="Button" type="button" class="btn_grey" value="删除最后一条评论" onClick="deleteLastE()"></td>
</tr>
</table>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
