欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2009年10月16日 21:31:34   作者：  
顯示js對象所有屬性和方法，從網(wǎng)上整理了不少，大家可以看下原理都是差不多的。
要想看到實際效果，可以先聲明一些屬性跟方法，否則是看不到，仔細(xì)往下看有例子的。
復(fù)制代碼 代碼如下:

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)建一個對象 myObject 以及三個屬性 sitename, siteurl, sitecontent。
var myObject = new Object();
myObject.sitename = "布啦布啦";
myObject.siteurl = "blabla.cn";
myObject.sitecontent = "網(wǎng)頁教程代碼圖庫的中文站點";
//遍歷對象的所有屬性
for (prop in myObject)
{
document.write("屬性 '" + prop + "' 為 " + myObject[prop]);
document.write("
");
}
</script>



今天網(wǎng)上Java Tang博客找到了一個用來遍歷JavaScript某個對象所有的屬性名稱和值的方法，這樣想使用方法的時候非常的直觀和方便。代碼如下：
復(fù)制代碼 代碼如下:

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

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

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

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

基本上CSS里擁有的屬性在JavaScript中都能夠使用：
復(fù)制代碼 代碼如下:

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

直接將整個style對象作為參數(shù)傳遞了進(jìn)來：
復(fù)制代碼 代碼如下:

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

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

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

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

而_style中卻沒有包括對height的定義，因此element的height樣式就丟失了，不是最初所要的結(jié)果。要解決這個問題，可以用反射機制來重寫setStyle函數(shù)：
復(fù)制代碼 代碼如下:

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

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

相關(guān)文章

最新評論