广州大学web实验_实验二
- 格式:doc
- 大小:239.50 KB
- 文档页数:8
大学学生实验报告
一、实验目的
使用脚本语言进行网页设计
二、实验设备
Tomcat windows10 eclipse
三、实验容
1.简易计算器的制作
在一个网页中,使用JavaScript编写程序实现的计算器功能,可以实现浮点数的加法,减法,乘法,除法运算功能。
2.控制网页字体的大小
在一个网页中,有三个按钮是小,中,大,使用JavaScript编写程序实现当点击一个按钮时,网页就按照相应的字体大小显示网页的文字。
四、实验程序
1.简易计算器的制作
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
div{
margin:0px auto;
text-align:center;
}
table{background:#999;}
td input{
width:50px;
height:50px;}
input.p{
height:20px; width:150px;
}
/*全局变量*/
var num1=0; //第一个数字
var num2=0; //第二个数字
var result=0; //显示栏显示的数字
var oper=0; //运算符号
/*获得数字*/
function getNum(num){
var str=String(from1.resu.value); //获得当前显示数据//如果当前值不是"0",且状态为0,则返回当前值,否则返回空值;
if(str!="0"){
str=str;
}
else
{
str="";
}
str=str + String(num); //给当前值追加字符
from1.resu.value=str; //刷新显示
}
/*除法运算*/
function division(){
//calculate();
num1=parseFloat(from1.resu.value);
oper=1;
from1.resu.value = "";
}
/*乘法运算*/
function mult(){
//calculate();
num1=parseFloat(from1.resu.value);
oper=2;
from1.resu.value = "";
}
/*减法运算*/
function subd(){
//calculate();
num1=parseFloat(from1.resu.value);
oper=3;
from1.resu.value = "";
}
/*加法运算*/
function sum(){
//calculate();
num1=parseFloat(from1.resu.value);
oper=4;
from1.resu.value = "";
}
/*最终结果的*/
function equal(){
//调用计算方法
var str=String(from1.resu.value);
num2=parseFloat(str);
calculate();
//简单的清空数值,方便后面的操作
num1=0;
num2=0;
result=0;
}
/*各种运算*/
function calculate(){
//num2=parseInt(from1.resu.value); switch(oper){ //判断要输入状态
case 1:
result=num1/num2;
break;
case 2:
result=num1*num2;
break;
case 3:
result=num1-num2;
break;
case 4:
result=num1+num2;
break;
default:
result = num2;
break;
}
from1.resu.value=result;
num1=result; //存储当前值
}
/*复位*/
function clean(){
from1.resu.value=0;
num1=0;
num2=0;
result=0;
oper=0;
}