当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS罗列对象的属性和值

JS罗列对象的属性和值

2012/11/13 16:15:23作者:佚名来源:网络

移动端

【实例名称】

JS罗列对象的属性和值

【实例描述】

要了解一个对象的使用方法,就得了解对象的属性。本例可单独作为一个JavaScript小工具获取对象的所有属性和属性对应的值。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</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”语句轻松实现遍历,但JavaScript只有最基本的“for”语句。本例使用“for”语句遍历按钮控件中的每一个属性,并通过“obj[pros]”索引器方式显示这些属性的值。

【源码下载】

为了JS代码的准确性,请点击:罗列对象的属性和值 进行本实例源码下载 

标签: 对象