<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 網上ヤ飄 閱讀(366) 評論(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 © 網上ヤ飄

    主站蜘蛛池模板: 日本高清色本免费现在观看| 青青操视频在线免费观看| 日本zzzzwww大片免费| 亚洲欧洲国产日韩精品| 女同免费毛片在线播放| 亚洲熟女少妇一区二区| 永久免费A∨片在线观看| 久久久久亚洲AV片无码| 8888四色奇米在线观看免费看| 亚洲激情在线观看| 131美女爱做免费毛片| 亚洲成年人免费网站| 国产免费av片在线看| 国产成人精品久久亚洲高清不卡 | 亚洲真人无码永久在线观看| 亚洲国产精品免费观看| 亚洲欧洲专线一区| 国产午夜影视大全免费观看| 国产成人1024精品免费| 久久亚洲精品成人av无码网站| 最近中文字幕免费2019| 亚洲欧美一区二区三区日产| 四虎免费影院4hu永久免费| A级毛片成人网站免费看| 亚洲成年轻人电影网站www | 亚洲国产精品成人综合色在线婷婷 | 无码国产精品一区二区免费16 | 窝窝影视午夜看片免费| 亚洲国产精品无码中文字| 69视频在线是免费观看| 国产亚洲欧美在线观看| 亚洲av永久无码精品网站| 97性无码区免费| a毛片成人免费全部播放| 亚洲大香伊人蕉在人依线| 国产成人精品免费视频大全五级| 国产精品无码永久免费888| 亚洲第一成年人网站| 亚洲福利视频一区二区| 亚洲毛片免费观看| 特级毛片免费播放|