实验3_JavaScript编程

实验三JavaScript编程一、实验目的1．掌握JavaScript的基本语法；2．掌握JavaScript的常用内置对象的作用、属性、方法的运用；3．掌握JavaScript的程序流程控制语句的运用；4．理解Javascrip中对象的基本概念；5．掌握常用的Javascrip内置对象及其属性、方法等；6.掌握Javascrip中事件处理的方法；7.掌握BOM和DOM模型中的常见对象及其属性、方法；8.掌握JQuery框架的基本应用。二、实习题目1.编写JavaScript程序实现“九九乘法表”。!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8titleDocument/title/headbodytabletrtd/td/tr/tablescripttype=text/javascriptvarx;vary;document.write(table);for(x=1;x=9;x++){document.write(tr);for(y=1;y=x;y++){document.write(td);document.write(x+*+y+=+x*y);document.write(/td);}document.write(/tr);}document.write(/table);/script/body/html2.编写函数实现生成指定行数和列数的表格（行数和列数通过函数参数传递）。!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8titleDocument/title/headbodyscripttype=text/javascriptfunctionmyfun(x,y){vari;varj;document.write(tableborder='1');for(vari=0;ix;i++){document.write(trheight='50px');for(varj=0;jy;j++){document.write(tdwidth='200px');document.write(/td);};document.write(/tr);};document.write(/table);}document.write(myfun(6,5));/script/body/html3.利用Date对象编写程序，判断并输出今天是开学的第几周，星期几。!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8titleDocument/title/headbodyscripttype=text/javascript(function(){varstartDay=newDate(2017,01,20);//根据指定的年月日时分秒设置开学时间为2017,1,20varstartMs=startDay.getTime();//返回1970年至今的毫秒varstartYear=startDay.getFullYear();//从Date对象以四位数字返回年份varstartMonth=startDay.getMonth()+1;//从Date对象返回年份（0-11）varstartDate=startDay.getDate();//从Date对象返回一月中的某一天(1~31)varnowDay=newDate();varnowMs=nowDay.getTime();varnowYear=nowDay.getFullYear();varnowMonth=nowDay.getMonth()+1;varnowDate=nowDay.getDate();varstartDays=parseInt(startMs/86400000);varnowDays=parseInt(nowMs/86400000);vartotalDays=nowDays-startDays;varweek=parseInt(totalDays/7)+1;varnowdate=nowDay.getDay();msg1=开学时间：+startYear+年+startMonth+月+startDate+日;document.write(msg1);document.write(br)msg2=现在时间：+nowYear+年+nowMonth+月+nowDate+日;document.write(msg2);document.write(br);msg3=第+week+周，星期+nowdate;document.write(msg3);})();/script/body/html4.编写程序，利用正则表达式输出待处理英文单词或词组的首字母。如blueidea输出bi，AsynchronousJavaScriptAndXML输出AJAX(不包括引号)。说明：所谓“首字母”包括两种情况：第一种是边界(开头)的单词字符，一种是空格之后的单词的第一个字母。forminputtype=textvalue=id=ttinputtype=buttonid=btnvalue=beginonclick=myfun()/formscripttype=text/javascriptvars=document.getElementById('tt');//vars=QasdasdiasdfuasdfYasduasdSdfhdfeasfasfnsdfgdsafasf;functionmyfun(){varregex=/\b[A-Za-z]/g;vararr=s.value.match(regex);varstr=;for(vari=0;iarr.length;i++)str=str+arr[i];alert(str);/script5.设计一个网页，输入一串用英文逗号分隔的数字字符串。编写程序，输出找出该组数中的最大、最小值、和。并按从大到小排序后的输出结果（以逗号分隔）。!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8titleDocument/titlescripttype=text/javascriptfunctionfun(){varstr=document.getElementById('in').value;varreg=/\d+/g;varnum=str.match(reg);varsum=0;varmax1=parseInt(num[0]);varmin1=parseInt(num[0]);for(varj=0;jnum.length;j++){sum=sum+parseInt(num[j]);if(parseInt(num[j])parseInt[num[0]]){min1=num[j];}else{max1=num[j];}for(vari=0;inum.length;i++){if(parseInt(num[i])parseInt(num[i+1])){temp=num[i];num[i]=num[i+1];num[i+1]=temp;}}}a.value=max1;b.value=min1;c.value=sum;bubble.value=num;}/script/headbodyformlabel输入数字：/labelinputtype=textid=in/brinputtype=buttonvalue=beginonclick=fun()/brlabel最大值为：/labelinputtype=textid=a/brlabel最小值为：/labelinputtype=textid=b/brlabel求和后为：/labelinputtype=textid=c/brlabel排序后为：/labelinputtype=textid=bubble/form/body/html6.要求用户在文本框中年份，点击判断按钮，用alert函数输出该年是否是闰年的结果。inputtype=textname=txtYearinputtype=buttonvalue=判断onclick=testLeapYear()scriptfunctiontestLeapYear(){//你的代码}/script!DOCTYPEHTMLPUBLIC-//W3C/HTML4.01Transitional//EN=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8titleDocument/title/headbodyscriptlanguage=javascriptfunctionleapyear(){varnow=newDate();varyears=now.getFullYear(document.form1.textfield.value);varstr;varyears=document.form1.textfield.value;varresult=(years%4==0&&years%100!=0)||(years%400==0)?years+是闰年:years+不是闰年;alert(result);}/scriptformname=form1method=postaction=inputname=textfieldtype=textsize=20inputtype=buttonname=Buttonvalue=计算onClick=leapyear();/form/body/html7.利用复选框让用户选择其爱好，用alert对话框输出用户所选的内容。bodyscriptfunctionfunGo1(){varchkA=document.form1.chkAH;for(vari=0;i=chkA.length-1;i++){if(document.form1.chkAH[i].checked){alert(你的爱好有：+document.form1.chkAH[i].value);}}}/scriptformname=form1inputtype=checkboxname