<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Ajax的JavaScript的反射機制

    Posted on 2007-02-01 11:07 網上ヤ飄 閱讀(365) 評論(1)  編輯  收藏 所屬分類: Ajax Web2.0

    什么是反射機制

       反射機制指的是程序在運行時能夠獲取程序元素的信息。例如一個對象能夠在運行時知道自己有哪些方法和屬性。

       在JavaScript中利用for(…in…)語句實現反射

       在JavaScript中有一個很方便的語法來實現反射,即for(…in…)語句,其語法如下:

    for(var p in obj){
    //語句
    }
       這里var p表示聲明的一個變量,用以存儲對象obj的屬性(方法)名稱,有了對象名和屬性(方法)名,就可以使用方括號語法來調用一個對象的屬性(方法):

    for(var p in obj){
    if(typeof(obj[p]=="function"){
    obj[p]();
    }else{
    alert(obj[p]);
    }
    }
       這段語句遍歷obj對象的所有屬性和方法,遇到屬性則彈出它的值,遇到方法則立刻執行。在后面可以看到,在面向對象的JavaScript程序設計中,反射機制是很重要的一種技術,它在實現類的繼承中發揮了很大的作用。

    使用反射來傳遞樣式參數

       在Ajax編程中,經常要能動態的改變界面元素的樣式,這可以通過對象的style屬性來改變,比如要改變背景色為紅色,可以這樣寫:

    element.style.backgroundColor="#ff0000";
       其中style對象有很多屬性,基本上CSS里擁有的屬性在JavaScript中都能夠使用。如果一個函數接收參數用用指定一個界面元素的樣式,顯然一個或幾個參數是不能符合要求的,下面是一種實現:

    function setStyle(_style){
    //得到要改變樣式的界面對象
    var element=getElement();
    element.style=_style;
    }
       這樣,直接將整個style對象作為參數傳遞了進來,一個style對象可能的形式是:

    var style={
    color:#ffffff,
    backgroundColor:#ff0000,
    borderWidth:2px
    }
       這時可以這樣調用函數:

    setStyle(style);
       或者直接寫為:

    setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
       這段代碼看上去沒有任何問題,但實際上,在setStyle函數內部使用參數_style為element.style賦值時,如果element原先已經有了一定的樣式,例如曾經執行過:

    element.style.height="20px";
       而_style中卻沒有包括對height的定義,因此element的height樣式就丟失了,不是最初所要的結果。要解決這個問題,可以用反射機制來重寫setStyle函數:

    function setStyle(_style){
    //得到要改變樣式的界面對象
    var element=getElement();
    for(var p in _style){
    element.style[p]=_style[p];
    }
    }
       程序中遍歷_style的每個屬性,得到屬性名稱,然后再使用方括號語法將element.style中的對應的屬性賦值為_style中的相應屬性的值。從而,element中僅改變指定的樣式,而其他樣式不會改變,得到了所要的結果。

    ???? 雖然講得有點勉強,但總算能實現我們的需求

    Feedback

    # re: Ajax的JavaScript的反射機制  回復  更多評論   

    2009-03-04 10:04 by suplayer
    老子放哪里是給我自己看的

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    posts - 4, comments - 5, trackbacks - 0, articles - 0

    Copyright © 網上ヤ飄

    主站蜘蛛池模板: 99re热免费精品视频观看| 免费一区二区三区| 性生交片免费无码看人| 亚洲日韩国产精品无码av| 免费网站看av片| 亚洲国产精品国自产拍AV| 中文字幕乱码一区二区免费| 在线A亚洲老鸭窝天堂| 岛国岛国免费V片在线观看| 亚洲免费无码在线| a级黄色毛片免费播放视频| 亚洲AV午夜成人影院老师机影院| 永久免费不卡在线观看黄网站| 亚洲国产精品久久66| 久久精品免费一区二区| 亚洲一区二区三区91| 日韩免费在线观看| 免费VA在线观看无码| 国产亚洲情侣一区二区无| 久艹视频在线免费观看| 亚洲国产成人综合| 国产zzjjzzjj视频全免费| 福利免费在线观看| 亚洲春色另类小说| 免费看男女下面日出水视频| 丝袜捆绑调教视频免费区| 亚洲色欲www综合网| 精品免费国产一区二区三区 | 久久er国产精品免费观看2| 亚洲欧洲日产国产综合网| 91精品视频免费| 最刺激黄a大片免费网站| 亚洲一区二区三区亚瑟| 亚洲成av人片不卡无码久久| 免费萌白酱国产一区二区三区| 亚洲第一页中文字幕| 免费在线观看你懂的| 99久热只有精品视频免费看| 亚洲欧美成人av在线观看 | 亚洲人成亚洲精品| 成人毛片视频免费网站观看|