ch4脚本语言-Web程序设计第三版源代码及课后习题

·1·【例4-1】程序如下：htmlheadtitle函数简例/titlescriptlanguage=JavaScriptfunctionfactor(num){vari,fact=1;for(i=1;inum+1;i++)fact=i*fact;returnfact;}/script/headbodypscriptdocument.write(brbr调用factor函数，5的阶乘等于：,factor(5),。);/script/p/body/html【例4-2】设计一个函数求累加和，默认时求1+2+…+1000，否则按照用户所指定的开始值和终止值求和。htmlbodyscriptfunctionsum(StartVal,EndVal){varArgNum=sum.arguments.length;//用户给出的参数个数vari,s=0;if(ArgNum==0){StartVal=1;EndVal=1000;}elseif(ArgNum==1)EndVal=1000;for(i=StartVal;i=EndVal;i++)s+=i;returns;}document.write(不给出参数调用函数sum:,sum(),br);document.write(给出一个参数调用函数sum:,sum(500),br);document.write(给出二个参数调用函数sum:,sum(1,50),br);/script/body/html·2·【例4-3】变量作用域示例。htmlheadtitle变量作用域示例/titlescriptlanguage=JavaScriptvari,j=10;//全局变量functionoutput(){varj=0;//局部变量i=100;//全局变量j++;j++;document.write(j=,j);document.write(i=,i);i++;}/script/headbodybrbrscriptdocument.write(尚未调用函数output()，所以i无定义，不能引用！br);document.write(j的初始值=,j,br);document.write(调用output()，观察函数的输出！br);output();document.write(br调用output()后，观察函数对i,j的影响：i=,i,j=,j);/script/body/html【例4-4】本例使用for循环语句计算10！。htmlbodyscriptvari,factor;factor=1;for(i=1;i=10;i++)factor*=i;document.write(10的阶乘是：,factor);/script/body/html【例4-5】本例说明MouseOver和MouseOut事件的用法。htmlheadtitle事件触发和事件处理/titlescriptlanguage=JavaScriptvarImages=newArray();Images[0]=newImage();·3·Images[0].src=dot1.jpg;Images[1]=newImage();Images[1].src=check.gif;functionchangeImg(ImgIndex){document.imgs.src=Images[ImgIndex].src;}/script/headbodycenterahref=learn.htmlonMouseOver=changeImg(1);returntrueonMouseOut=changeImg(0);returntrueimgsrc=dot1.jpgname=imgsborder=0width=30height=30fontsize=5软件设计/font/a/center/body/html【例4-6】简易计算器设计。以下是源程序清单：htmlheadscriptlanguage=JavaScript!--//定义全局变量varn1='',n2='';//定义两个变量，分别存放两个操作数varitem1_flag=true;//标志是否第一个操作数varopr_type='+';//运算类型functionSetVal(item){//在输出框中置数值document.Cal.OutText.value+=item;//字符串连接if(item1_flag)//若是第一个操作数n1+=item;//将其加入变量n1elsen2+=item;}functionSetOpr(opr){//在输出框中置运算符document.Cal.OutText.value+=opr;item1_flag=false;opr_type=opr;}functionClear(){//清除输出框的内容document.Cal.OutText.value=;item1_flag=true;opr_type='+';n1=;n2=;}functionCompute(obj){//计算表达式的值·4·varResult;if((n1!='')&&(n2!='')){if((eval(n2)==0)&&(opr_type=='/')){alert('除数不能是0!');Clear();return;}else{Result=eval(obj.OutText.value);document.Cal.OutText.value+='=';document.Cal.OutText.value+=Result;}}}//--/script/headbodypalign=centerformname=Calinputtype=textvalue=name=OutTextbrbrinputtype=buttonvalue=0onClick=SetVal('0')inputtype=buttonvalue=1onClick=SetVal('1')inputtype=buttonvalue=2onClick=SetVal('2')inputtype=buttonvalue=3onClick=SetVal('3')brbrinputtype=buttonvalue=4onClick=SetVal('4')inputtype=buttonvalue=5onClick=SetVal('5')inputtype=buttonvalue=6onClick=SetVal('6')inputtype=buttonvalue=7onClick=SetVal('7')brbrinputtype=buttonvalue=8onClick=SetVal('8')inputtype=buttonvalue=9onClick=SetVal('9')inputtype=buttonvalue=+onClick=SetOpr('+')inputtype=buttonvalue=-onClick=SetOpr('-')brbrinputtype=buttonvalue=*onClick=SetOpr('*')inputtype=buttonvalue=/onClick=SetOpr('/')inputtype=buttonvalue=CEonClick=Clear()inputtype=buttonvalue==onClick=Compute(this.form)/form/p/body/html【例4-8】htmlbodyscriptfunctionperson(name,age)//定义对象person{this.name=name;this.age=age;·5·}functionbook(title,author,publisher,price)//定义对象book{this.title=title;this.author=author;this.publisher=publisher;this.price=price;}functionShow(obj)//定义通用函数Show{varprop;for(propinobj)document.write(obj[prop]+);document.write(br);}varobj1=newperson(Mary,20);varobj2=newbook(语文,集体编,人民教育出版社,5.5);Show(obj1);Show(obj2);/script/body/html}【例4-9】一个Array对象的应用示例。htmlheadtitle数组对象/titlescriptlanguage=JavaScriptfunctionupdateInfo(WhichBook)//对象book的方法成员，修改对象属性值{document.BookForm.currbook.value=WhichBook;document.BookForm.BookTitle.value=this.Title;document.BookForm.BookPublisher.value=this.Publisher;document.BookForm.BookAmount.value=this.Amount;}functionBook(title,publisher,amount)//对象book的构造函数{this.Title=title;this.Publisher=publisher;this.Amount=amount;this.UpdateInfo=updateInfo;}/script/headbodyscriptlanguage=JavaScriptvarBooks=newArray();//创建数组，数组元素是book对象//为数组各元素赋值Books[0]=newBook(语文,少年儿童出版社,10000);·6·Books[1]=newBook(数学,高等教育出版社,5000);Books[2]=newBook(普通物理,高等教育出版社,3000);Books[3]=newBook(计算机基础,清华大学出版社,2000);/scripth2align=center共有四本书，可选择查看其信息/h2formname=BookForm选择当前所显示的书：  inputtype=buttonvalue=A书onClick=Books[0].UpdateInfo('A书')inputtype=buttonvalue=B书onClick=Books[1].UpdateInfo('B书')inputtype=buttonvalue=C书onClick=Books[2].UpdateInfo('C书')inputtype=buttonvalue=D书onClick=Books[3].UpdateInfo('D书')brbr当前书：inputtype=textname=currbookvalue=A书brbr书名：inputtype=textname=BookTitlevalue=语文brbr出版社：inputtype=textname=BookPublishervalue=少年儿童出版社brbr印数：inputtype=textname=BookAmountvalue=10000/form