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

实习十Javascript的使用（四）;实验内容

;4.综合练习;form.entry.value=form.result.value/2;

}

}else{

if(form.square.checked){

}else{

form.result.value=form.entry.value*2

}

}

}

/script

/head;body

formmethod=post

请输入一个值：br

inputtype=″text″name=″entry″value=″0″onChange=″c1(this.form,this.name)″;

p

选择计算平方否则计算加倍：

inputtype=checkboxname=squareonChange=″c1(this.form,this.name)″;

p

结果为：;inputtype=″text″name=″result″value=″0″onChange=″c1(this.form,this.name)″;

/form

/body

/html

在浏览器中可以看到如图4.20所示的页面。

注意：如果输入的不是数字将返回NaN。;图4.20;4..2使用单选框

用单选框实现加倍与平方。

html

head

scriptlanguage=″JavaScript″

functionc1(form,callingField){

if(callingField==″result″){

if(form.action\[1\].checked){

form.entry.value=Math.sqrt(form.result.value)

}else{

form.entry.value=form.result.value/2;;}

}else{

if(form.action\[1\].checked){

}else{

form.result.value=form.entry.value*2

}

}

}

/script

/head

body;formmethod=post

请输入一个值：br

inputtype=″text″name=″entry″value=0onChange=″c1(this.form,this.name)″;p

选择加倍：

inputtype=″radio″name=″action″value=″加倍″onClick=″c1(this.form,this.name)″;p

选择平方：

inputtype=″radio″name=″action″value=″平方″onClick=″c1(this.form,this.name)″;p;选择计算平方否则计算加倍：

nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

formmethod=post

files/jsuan.

IMGheight=42src=″jsuan.

pnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

BODYbackground=″nabkgnd.

编写程序：使用一个带有初始算术表达式的文本框，可随意输入一个算术表达式，将计算结果使用多行文本框显示出来。

在浏览器中你可以看到如图4.

value=eval(form.

inputtype=″text″name=″result″value=″0″onChange=″c1(this.

nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

pstyle=″lineheight:100%;margintop:0;marginbottom:0″align=″left″

form,this.

functionc1(form,callingField){;图4.21;4.10一个带有计算功能的网页;metaname=″MicrosoftTheme″content=″nature011″

/head

BODYbackground=″nabkgnd.jpg″bgcolor=″#FFFFFF″text=″#000000″link=″#993333″vlink=″#333399″alink=″#006633″

!--mstheme--fontface=″宋体″

FORMMETHOD=POST

nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;;nbsp;nbsp;nbsp