當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS羅列對(duì)象的屬性和值

JS羅列對(duì)象的屬性和值

2012/11/13 16:15:23作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS羅列對(duì)象的屬性和值

【實(shí)例描述】

要了解一個(gè)對(duì)象的使用方法，就得了解對(duì)象的屬性。本例可單獨(dú)作為一個(gè)JavaScript小工具獲取對(duì)象的所有屬性和屬性對(duì)應(yīng)的值。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（www.wangbatian.cn）</title>
<script language ="javascript">
function GetPros(obj)
{
    for(var pros in obj)         //遍歷所有的屬性
    {
     alert( pros+"="+obj[pros])   //顯示所有的屬性值
    }
}
</script>
</head>
<body>
    <input id="Button1" type="button" value="獲取屬性" 
onclick="GetPros(this)"/>
</body>
</html>

【運(yùn)行效果】

 羅列對(duì)象的屬性和值運(yùn)行效果

【難點(diǎn)剖析】

本例的難點(diǎn)是屬性的遍歷。在C#中可以通過“foreach”語句輕松實(shí)現(xiàn)遍歷，但JavaScript只有最基本的“for”語句。本例使用“for”語句遍歷按鈕控件中的每一個(gè)屬性，并通過“obj[pros]”索引器方式顯示這些屬性的值。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：羅列對(duì)象的屬性和值 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽： 屬性和值  對(duì)象