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

实训二：显示数据列表1.题目显示数据列表。2.目的（1）掌握流程控制语句的使用。（2）掌握函数的使用。（3）理解闭包的概念。（4）应会设计基本的应用程序。3.内容在所设计的项目中，实现显示数据列表。数据以表格的方式显示，不同的行显示不同的颜色。当单击每行数据的标题时，将会弹出窗口，显示详细信息。4.要求（1）数据存放在数组中，用程序实现数据显示。（2）以闭包的方式定义工具，窗口函数封装在工具中。（3）通过循环生成数据行，用条件判断实现不同行显示不同的颜色。代码示例：Ntotype.NaN0=function(){return

isNaN(this)?0:this;}

function

getPosition(e){

var

left

=

0;

var

top

=

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');

};functionGetIframeInnerHtml(objIFrame)

{

variFrameHTML="";

if(objIFrame.contentDocument)

{

//ForNS6

iFrameHTML=objIFrame.contentDocument.innerHTML;

}

elseif(objIFrame.contentWindow)

{

//ForIE5.5andIE6

iFrameHTML=objIFrame.contentWindow.document.body.innerHTML;

}

elseif(objIFrame.document)

{

//ForIE5

iFrameHTML=objIFrame.document.body.innerHTML;

}

returniFrameHTML;

}

</script>

<iframesrc="test.htm"id="frmIn"name="frmIn"></iframe>

<input