1.编写程序完成下图功能:四个按钮分别具有加、减、乘、除的功能,三个文本框,分别用来输入数据及显示结果。
注:从文本框中输入的数据为字符串类型,需要转换成数值类型的数据才可计算。
parseInt (String) 将字符串转换为整型数字。
parseFloat(String) 将字符串转换为浮点型数字 。
2.利用onChange事件,完成省会城市的选择,并实现鼠标指针跟随事件。
<html> <head> <title>计算器</title> <script type="text/javascript"> function mars(tt) { var num1,num2; num1=parseFloat(document.myform.num1.value); num2=parseFloat(document.myform.num2.value); if (tt=="+") document.myform.result.value=num1+num2; if (tt=="-") document.myform.result.value=num1-num2; if (tt=="*") document.myform.result.value=num1*num2; if (tt=="/") document.myform.result.value=num1/num2; } </script> </head> <body> <form action="" method="post" name="myform" > <p> 第一个数<input type="text" name="num1" ><br> 第二个数<input type="text" name="num2" > </p> <p> <input name="+" type="button" value="+" onClick="mars('+')"> <input name="-" type="button" value="-" onClick="mars('-')"> <input name="*" type="button" value="*" onClick="mars('*')"> <input name="/" type="button" value="/" onClick="mars('/')"> </p> <p> 计算结果 <input name="result" type="text"> </p> </form> </html>
<html> <head> <title>鼠标指针跟随</title> <style> .hh { left:30; top:300; position:absolute; } </style> <script type="text/javascript"> function mars1() { switch(shenghui.option.value) { case "13": shenghui.r.value="石家庄"; break; case "11": shenghui.r.value="北京"; break; case "44": shenghui.r.value="广州"; break; case "23": shenghui.r.value="哈尔滨"; break; case "21": shenghui.r.value="沈阳"; break; case "45": shenghui.r.value="南宁"; break; case "50": shenghui.r.value="重庆"; break; case "71": shenghui.r.value="台湾"; break; case "15": shenghui.r.value="呼和浩特"; break; } } function mars2(x,y) { mht.style.left = x; mht.style.top = y; } </script> </head> <body onMousemove="mars2(event.x,event.y)"> 省会查询: <form name="shenghui"> <SELECT name="option" onChange="mars1()"> <option value=0 selected="selected">请选择</option> <option value=34>安徽</option> <option value=11>北京</option> <option value=50>重庆</option> <option value=35>福建</option> <option value=62>甘肃</option> <option value=44>广东</option> <option value=45>广西</option> <option value=52>贵州</option> <option value=46>海南</option> <option value=13>河北</option> <option value=23>黑龙江</option> <option value=41>河南</option> <option value=42>湖北</option> <option value=43>湖南</option> <option value=32>江苏</option> <option value=36>江西</option> <option value=22>吉林</option> <option value=21>辽宁</option> <option value=64>宁夏</option> <option value=15>内蒙古</option> <option value=63>青海</option> <option value=31>上海</option> <option value=14>山西</option> <option value=37>山东</option> <option value=51>四川</option> <option value=61>陕西</option> <option value=12>天津</option> <option value=54>西藏</option> <option value=65>新疆</option> <option value=53>云南</option> <option value=33>浙江</option> <option value=71>台湾</option> <option value=81>香港</option> <option value=82>澳门</option> <option value=0>其他</option> </SELECT> <input type="text" name="r" value="请选择"> </form> <div id="mht" class="hh"><img src="fish.gif"></div> </body> </html>