国开电大 JavaScript程序设计 实训二：显示数据列表

国开电大JavaScript程序设计实训二：显示数据列表实训二：显示数据列表目的：1.掌握流程控制语句的使用。2.掌握函数的使用。3.理解闭包的概念。4.能够设计基本的应用程序。内容：在所设计的项目中，需要实现数据列表的显示。数据以表格的形式呈现，不同的行应该有不同的颜色。当单击每行数据的标题时，应该弹出窗口，显示详细信息。要求：1.数据存放在数组中，并用程序实现数据的显示。2.以闭包的方式定义工具，并将窗口函数封装在工具中。3.通过循环生成数据行，并用条件判断实现不同行显示不同的颜色。以下是代码示例：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){//