js上路

1- 警告窗口

<!-- 第一个javascript-->
<script language="javascript">
<!--
  alert ("Hello JavaScript!");
//-->
</script>

 

2- 计算功能的实现
<!-- 实现计算-->
<form name="frmcalc" method="POST" onsubmit="calc()">
<p>
<input type="text" name="t1" size="10" maxlength="10"><select size="1"name="d1">
<option selected>+</option>
<option>-</option>
<option>×</option>
<option>÷</option>
</select><input type="text" name="t2" size="10" maxlength="10">
= <input type="submit" value="提交" name="B1"></p>
</form>

JavaScript：

<script language="javascript">
<!--
function calc() {
num1=(frmcalc.t1.value)*1; //*1确保为数值变量
num2=(frmcalc.t2.value)*1;
if (frmcalc.d1.selectedIndex==0) myresult=num1+num2;
if (frmcalc.d1.selectedIndex==1) myresult=num1-num2;
if (frmcalc.d1.selectedIndex==2) myresult=num1*num2;
if (frmcalc.d1.selectedIndex==3) myresult=num1/num2;
alert ("计算结果：" + myresult);
}
//-->
</script>

3- 响应鼠标事件
<font face="黑体" size=4 onMouseOver="this.style.color='red'" onMouseOut="this.style.color='black'">
鼠标移到这里-会变色~
</font>

 

4- 变化的标题栏

<script language="JavaScript">
var step=0;  //计数器变量,初始值为0
function flash_title(){
  step++;  //变量递增
  if (step==3) {step=1};  //两种变化,所以大于3时回到1
  if (step==1) {document.title='niit第一学期'};  //标题一
  if (step==2) {document.title='niit第二学期'};  //标题二
  setTimeout("flash_title()",1000);  //每一秒钟变换一次
}
flash_title();  //调用函数
</script>

 

5- 显示日期
<script language="javascript">

var D=new Date();
var myDay=new Array('日','一','二','三','四','五','六');
sDate=D.getYear() + '年' + (D.getMonth()+1) + '月' + D.getDate() + '日 星期' + myDay[D.getDay()];
document.write (sDate);
window.status=sDate;

</script>

 

6- 活动时间
<SCRIPT language="JavaScript">
<!--
function doClock() {
today = new Date();
tt=today.toLocaleTimeString();
document.clock.time.value=tt;
setTimeout("doClock()",1000);
}
//-->
</SCRIPT>

Form部分:

<form name="clock" id="clock">
 <button name="time" onclick="doClock()">单击运行</button>
</form>

7- 石头剪子布

<Script language="javascript">

function g_check(num) {
var arr_Answer=new Array("锤子","剪刀","布");
index = Math.floor(Math.random()*2);
if ((num == index-1) || (num == index+2)) alert ("你赢了!\n\n你出 " + arr_Answer[num] + " ；计算机出 " + arr_Answer[index] + "。");
else if (num == index) alert ("双方都出 " + arr_Answer[index] + " 重来!");
else alert ("你输了!\n\n你出 " + arr_Answer[num] + " ；计算机出 " + arr_Answer[index] +"。");
}

</script>

<form>
<input type=button value="锤子" onclick="g_check(0)">
<input type=button value="剪刀" onclick="g_check(1)">
<input type=button value="布" onclick="g_check(2)">