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

實(shí)訓(xùn)二：顯示數(shù)據(jù)列表1.題目顯示數(shù)據(jù)列表。2.目的（1）掌握流程控制語句的使用。（2）掌握函數(shù)的使用。（3）理解閉包的概念。（4）應(yīng)會(huì)設(shè)計(jì)基本的應(yīng)用程序。3.內(nèi)容在所設(shè)計(jì)的項(xiàng)目中，實(shí)現(xiàn)顯示數(shù)據(jù)列表。數(shù)據(jù)以表格的方式顯示，不同的行顯示不同的顏色。當(dāng)單擊每行數(shù)據(jù)的標(biāo)題時(shí)，將會(huì)彈出窗口，顯示詳細(xì)信息。4.要求（1）數(shù)據(jù)存放在數(shù)組中，用程序?qū)崿F(xiàn)數(shù)據(jù)顯示。（2）以閉包的方式定義工具，窗口函數(shù)封裝在工具中。（3）通過循環(huán)生成數(shù)據(jù)行，用條件判斷實(shí)現(xiàn)不同行顯示不同的顏色。代碼示例：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