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

JS羅列對象的屬性和值

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

移動端

【實例名稱】

JS羅列對象的屬性和值

【實例描述】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（yzddtk.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>

【運行效果】

 羅列對象的屬性和值運行效果

【難點剖析】

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

【源碼下載】

為了JS代碼的準確性，請點擊：羅列對象的屬性和值 進行本實例源碼下載 

標簽： 屬性和值  對象