國開電大 JavaScript程序設(shè)計(jì) 實(shí)訓(xùn)二：顯示數(shù)據(jù)列表

國開電大JavaScript程序設(shè)計(jì)實(shí)訓(xùn)二：顯示數(shù)據(jù)列表實(shí)訓(xùn)二：顯示數(shù)據(jù)列表目的：1.掌握流程控制語句的使用。2.掌握函數(shù)的使用。3.理解閉包的概念。4.能夠設(shè)計(jì)基本的應(yīng)用程序。內(nèi)容：在所設(shè)計(jì)的項(xiàng)目中，需要實(shí)現(xiàn)數(shù)據(jù)列表的顯示。數(shù)據(jù)以表格的形式呈現(xiàn)，不同的行應(yīng)該有不同的顏色。當(dāng)單擊每行數(shù)據(jù)的標(biāo)題時(shí)，應(yīng)該彈出窗口，顯示詳細(xì)信息。要求：1.數(shù)據(jù)存放在數(shù)組中，并用程序?qū)崿F(xiàn)數(shù)據(jù)的顯示。2.以閉包的方式定義工具，并將窗口函數(shù)封裝在工具中。3.通過循環(huán)生成數(shù)據(jù)行，并用條件判斷實(shí)現(xiàn)不同行顯示不同的顏色。以下是代碼示例：Ntotype.NaN0=function(){returnisNaN(this)?0:this;};functiongetPosition(e){varleft=0;vartop=0;while(e.offsetParent){left+=e.offsetLeft+(e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0);top+=e.offsetTop+(e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0);e=e.offsetParent;}left+=e.offsetLeft+(e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0);top+=e.offsetTop+(e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0);return{x:left,y:top};}$('table#thailand-qhtbodytr').each(function(){$('td:even',this).css('font-weight','bold');$('td:eq(0)',this).css({'text-align':'left','font-weight':'normal'});});$('table#thailand-qhtbodytr:odd').addClass('thailand-qh-tbody-tr-odd');$('table#thailand-qhtbodytr:even').addClass('thailand-qh-tbody-tr-even');functiongetIframeHtml(objIFrame){variFrameHTML="";if(objIFrame.contentDocument){//ForNS6iFrameHTML=objIFrame.contentDocument.innerHTML;}elseif(objIFrame.contentWindow){//ForIE5.5andIE6iFrameHTML=objIFrame.contentWindow.document.body.innerHTML;}elseif(objIFrame.document){//