<html>
<!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="utf8">
<title>my first javascript file</title>
<script src="jquery/jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery/jquery-1.4.js" type="text/javascript"></script>
</head>
<body>
hello,world!
<br/>
<div style="background:pink;width:500px;height:400px;padding: 10px;">
<from name="form1" action="" method="post" id="form1">
<table style="border:2px solid red;padding:10px;">
<tr>
<th colspan="2" bgcolor="AliceBlue">用户注册</th>
</tr>
<tr >
<td><label for="username">用户名：</td>
<td><input name="username" type="text" id="username"></input>
</label>
</td>
</tr>
<tr>
<td><label for="password1">密码：</td>
<td><input name="password1" type="password" id="password1"></input>
</label>
</td>
</tr>
<tr>
<td><label for="password2">确认密码：</td>
<td><input name="password2" type="text" id="password2"></input>
</label>
</td>
</tr>
<tr>
<td>
<input name="submit" type="button" class="" onClick="return loginCheck(form1);" value="提交"/>
</td>
<td>
<input name="submit" type="button" class="" value="问候" onClick="return greet();"/>
</td>
</tr>
<tr>
<td>
<input name="submit" type="button" class="" onClick="return whichDay();" value="今天周几呢？"/>
</td>
<td>
<input name="submit" type="button" class="" value="一百累加结果是多少" onClick="return tenAdd();"/>
</td>
</tr>
<tr>
<td>
<input name="submit" type="button" class="" onClick="return jishuAdd();" value="100以内的奇数和？"/>
</td>
<td>
<input name="submit" type="button" class="" value="求大于100数之和" onClick="return big100Add();"/>
</td>
</tr>
<tr>
<td>
<!--如果函数内需要用双引号，但外面包含双引号，可以用单引号代替！！！-->
<input name="submit" type="button" class="" onClick="return countDay(‘newday‘,‘12/8/2015‘);" value="距离约定的半年还有多久？"/>
</td>
<td>
<input name="submit" type="button" class="" value="开心一点" onClick="return cde();"/>
</td>
</tr>
</table>
</form>
<from name="form2" action="" method="post" id="form2">
<table style="border:2px solid red;padding:10px;">
<tr>
<th colspan="2" bgcolor="AliceBlue">输入年龄告诉你人生阶段</th>
</tr>
<tr >
<td><label for="age">请输入您的年龄：</td>
<td><input name="age" type="text" id="age"></input>
</label>
</td>
</tr>
<tr>
<td>
<!--如果函数内需要用双引号，但外面包含双引号，可以用单引号代替！！！-->
<input name="submit" type="button" class="" onClick="return yourlife(form2);" value="人生阶段"/>
</td>
<td>
<input name="submit" type="button" class="" value="开心一点" onClick="return cde();"/>
</td>
</tr>
</table>
</form>
</div>
<script language="javascript">
//条件判断语句，if语句
function loginCheck(form)
{
var name1=document.getElementById("username").value;
var pwd1=document.getElementById("password1").value;
var pwd2=document.getElementById("password2").value;
if (name1 == ""||pwd1=="") {
alert("请输入用户名或者密码！");
}
else if(pwd1!=pwd2)
{
alert("两次密码输入不一致！");
}
else
{
alert("你可以提交啦～～～");
}
}
//条件判断语句，if语句。点击“问候”按钮，会有惊喜哟
function greet()
{
var now=new Date();
var hour=now.getHours();
if (hour>5&&hour<12)
alert("上午好！");
else if(hour>12 && hour<21)
alert("good afternoon！");
else
alert("good night~~~");
}
//条件判断语句，switch语句；今天是星期几
function whichDay()
{
var now1=new Date();
var day1=now1.getDay();
var week;
switch (day1)
{
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
default:
week="星期日";
break;
}
alert("今天是:"+week);
}
//循环语句，while ,do...while
function tenAdd()
{
//循环语句，while
/*
var i=1;
var result=i;
while (i<100)
{
i=i+1;
result=result+i;
}
alert(result);
*/
//循环语句，do...while
var i=1;
var result=i;
do
{
i=i+1;
result=result+i;
}while(i<100);
alert(result);
}
//循环语句，for 100以内的奇数和
function jishuAdd()
{
var s=0;
for(var n=1;n<100;n+=2)
{
s=s+n;
}
alert(s);
}
//跳转语句，continue，中止本次循环，求大于100数之和
function big100Add()
{
var array1=new Array(110,300,45,69,250);
var sum=0;
for(var m=0;m<array1.length;m++)
{
if (array1[m]<100)
{continue;
}
sum=sum+array1[m];
}
alert(sum);
}
//跳转语句，break，退出包含在最内层的循环或者退出一个switch语句；
function countDay(title,Intime)
{
var now=new Date();
var dreamDay= new Date(Intime);
var leave=dreamDay.getTime()-now.getTime();
var oneday=1000*60*60*24;
var leaveday=Math.floor(leave/oneday);
if(leaveday>1)
alert("距离和自己约定的半年还有"+leaveday+"天！");
}
function cde()
{
alert("忘记他吧，不值得！");
}
function yourlife(form2)
{
var age2=document.getElementById("age").value;
if (age2>0 && age2<=18)
{
alert("未成年");}
else if (age2<=30)
{ alert("奋斗的黄金阶段！");}
else if(age2<=50)
{
alert("享受奋斗的果实吧，黄金阶段！");
}
else
{
alert("希望能够安享晚年!");
}
}
</script>
</body>
</html>
时间： 2024-08-10 00:05:24