2022年实习十-Javascript的使用.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,实习十,Javascript,的使用（四）,实验要求,1.,Javascript,综合应用,2.,全面掌握,Javascript,编程,实验内容,1.,编写程序：使用一个带有初始算术表达式的文本框，可随意输入一个算术表达式，将计算结果使用多行文本框显示出来。,2.,编写程序：在第,1,题的基础上，添加在状态栏显示“你好！欢迎浏览我的页面”的文字，并设定让文字自动消失的时间。,3.,编写程序：参照例，用函数建立一个对象。,4.,综合练习,4.,综合练习,4.1 使用复选框,例4.20使用复选框。,function c1(form,callingField),if(callingField=result),if(form.square.checked),form.entry.value=Math.sqrt(form.result.value),else,form.entry.value=form.result.value/2;,else,if(form.square.checked),else,form.result.value=form.entry.value*2,请输入一个值：,选择计算平方否则计算加倍：,结果为：,在浏览器中可以看到如图4.20所示的页面。,注意：如果输入的不是数字将返回,NaN。,图,4.20,4.2,使用单选框,用单选框实现加倍与平方。,function c1(form,callingField),if(callingField=result),if(form.action1.checked),form.entry.value=Math.sqrt(form.result.value),else,form.entry.value=form.result.value/2;,else,if(form.action1.checked),else,form.result.value=form.entry.value*2,请输入一个值：,选择加倍：,选择平方：,选择计算平方否则计算加倍：,files/jsuan.,IMG height=42 src=jsuan.,BODY background=nabkgnd.,编写程序：使用一个带有初始算术表达式的文本框，可随意输入一个算术表达式，将计算结果使用多行文本框显示出来。,在浏览器中你可以看到如图4.,value=eval(form.,input type=text name=result value=0 onChange=c1(this.,form,this.,function c1(form,callingField),结果为：,在浏览器中你可以看到如图4.21所示的页面。,注意：如果输入的不是数字将返回,NaN。,图,4.21,4.10,一个带有计算功能的网页,function c1(form),form.results.value=eval(form.entry.value);,function c2(form),这是一个演示计算的模块，分别可以进行以下计算：,算术表达式的计算，只要在输入框输入要计算的表达式，例如，20*3+8，然后单击【计算算术表达式】按钮，即可得到表达式的值，并可反复输入进行计算。,请在下面的输入框中输入一个算术表达式、圆的半径、阶乘的数：,输入框,算术表达式的结果为：,阶乘数为：&,nbsp;,在浏览器中可以看到如图4.35所示的页面。,