快捷導(dǎo)航

顯示js對(duì)象所有屬性和方法的函數(shù)

更新時(shí)間：2009年10月16日 21:31:34 作者：

顯示js對(duì)象所有屬性和方法，從網(wǎng)上整理了不少，大家可以看下原理都是差不多的。

要想看到實(shí)際效果，可以先聲明一些屬性跟方法，否則是看不到，仔細(xì)往下看有例子的。

function ShowObjProperty(Obj) 
{ 
var PropertyList=''; 
var PropertyCount=0; 
for(i in Obj){ 
if(Obj.i !=null) 
PropertyList=PropertyList+i+'屬性：'+Obj.i+'\r\n'; 
else 
PropertyList=PropertyList+i+'方法\r\n'; 
} 
alert(PropertyList); 
} 

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
// 創(chuàng)建一個(gè)對(duì)象 myObject 以及三個(gè)屬性 sitename, siteurl, sitecontent。 
var myObject = new Object(); 
myObject.sitename = "布啦布啦"; 
myObject.siteurl = "blabla.cn"; 
myObject.sitecontent = "網(wǎng)頁(yè)教程代碼圖庫(kù)的中文站點(diǎn)"; 
//遍歷對(duì)象的所有屬性 
for (prop in myObject) 
{ 
document.write("屬性 '" + prop + "' 為 " + myObject[prop]); 
document.write(" 
"); 
} 
</script> 

今天網(wǎng)上Java Tang博客找到了一個(gè)用來(lái)遍歷JavaScript某個(gè)對(duì)象所有的屬性名稱(chēng)和值的方法，這樣想使用方法的時(shí)候非常的直觀和方便。代碼如下：

復(fù)制代碼代碼如下:

 
/* 
* 用來(lái)遍歷指定對(duì)象所有的屬性名稱(chēng)和值 
* obj 需要遍歷的對(duì)象 
* author: Jet Mah 
*/ 
function allPrpos ( obj ) { 
// 用來(lái)保存所有的屬性名稱(chēng)和值 
var props = "" ; 
// 開(kāi)始遍歷 
for ( var p in obj ){ 
// 方法 
if ( typeof ( obj [ p ]) == " function " ){ 
obj [ p ]() ; 
} else { 
// p 為屬性名稱(chēng)，obj[p]為對(duì)應(yīng)屬性的值 
props += p + " = " + obj [ p ] + " \t " ; 
} 
} 
// 最后顯示所有的屬性 
alert ( props ) ; 
} 

AJAX的JavaScript的反射機(jī)制,反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取自身的信息。例如一個(gè)對(duì)象能夠在運(yùn)行時(shí)知道自己有哪些方法和屬性。在JavaScript中利用for(…in…)語(yǔ)句實(shí)現(xiàn)反射，其語(yǔ)法如下：

for(var p in obj){
//語(yǔ)句
}

在Ajax編程中，經(jīng)常要能動(dòng)態(tài)的改變界面元素的樣式，這可以通過(guò)對(duì)象的style屬性來(lái)改變，比如要改變背景色為紅色，可以這樣寫(xiě)：
element.style.backgroundColor="#ff0000";

基本上CSS里擁有的屬性在JavaScript中都能夠使用：

復(fù)制代碼代碼如下:

 
function setStyle(_style){ 
//得到要改變樣式的界面對(duì)象 
var element=getElement(); 
element.style=_style; 
} 

直接將整個(gè)style對(duì)象作為參數(shù)傳遞了進(jìn)來(lái)：

復(fù)制代碼代碼如下:

 
var style={ 
color:#ffffff, 
backgroundColor:#ff0000, 
borderWidth:2px 
} 

這時(shí)可以這樣調(diào)用函數(shù)：
setStyle(style);

或者直接寫(xiě)為：
setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});

這段代碼看上去沒(méi)有任何問(wèn)題，但實(shí)際上，在setStyle函數(shù)內(nèi)部使用參數(shù)_style為element.style賦值時(shí)，如果element原先已經(jīng)有了一定的樣式，例如曾經(jīng)執(zhí)行過(guò)：
element.style.height="20px";

而_style中卻沒(méi)有包括對(duì)height的定義，因此element的height樣式就丟失了，不是最初所要的結(jié)果。要解決這個(gè)問(wèn)題，可以用反射機(jī)制來(lái)重寫(xiě)setStyle函數(shù)：

復(fù)制代碼代碼如下:

 
function setStyle(_style){ 
//得到要改變樣式的界面對(duì)象 
var element=getElement(); 
for(var p in _style){ 
element.style[p]=_style[p]; 
} 
} 

程序中遍歷_style的每個(gè)屬性，得到屬性名稱(chēng)，然后再使用方括號(hào)語(yǔ)法將element.style中的對(duì)應(yīng)的屬性賦值為_(kāi)style中的相應(yīng)屬性的值。從而，element中僅改變指定的樣式，而其他樣式不會(huì)改變，得到了所要的結(jié)果。^-^

您可能感興趣的文章: