1- 警告窗口
<!-- 第一个javascript-->
<script language="javascript">
<!--
alert ("Hello JavaScript!");
//-->
</script>
2- 计算功能的实现
<!-- 实现计算-->
<form name="frmcalc" method="POST" οnsubmit="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" οnclick="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="锤子" οnclick="g_check(0)">
<input type=button value="剪刀" οnclick="g_check(1)">
<input type=button value="布" οnclick="g_check(2)">