<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 © 網上ヤ飄

    主站蜘蛛池模板: 国产日韩AV免费无码一区二区| 免费一本色道久久一区| 免费国产成人α片| 久久国产高潮流白浆免费观看 | 8x8x华人永久免费视频| 久久WWW免费人成人片| 国产人妖ts在线观看免费视频| 亚洲综合区小说区激情区| 亚洲精品午夜无码电影网| 亚洲欧洲高清有无| 美女18一级毛片免费看| 三年片免费高清版 | 免费在线人人电影网| 丁香花在线观看免费观看图片 | 久久久久久久亚洲Av无码| 亚洲愉拍一区二区三区| 中国性猛交xxxxx免费看| 日韩一区二区a片免费观看 | 免费观看的av毛片的网站| 亚洲一区精品无码| 亚洲熟妇av午夜无码不卡| 久草视频在线免费看| 日本一道一区二区免费看| 日韩va亚洲va欧洲va国产| 亚洲AV无码精品国产成人| 中文字幕无码免费久久9一区9| 真人做A免费观看| 亚洲国产一成人久久精品| 亚洲欧美日韩中文二区| 中文字幕视频免费| 国产亚洲美日韩AV中文字幕无码成人| 亚洲欧洲另类春色校园网站| 国产成人精品无码免费看| 亚洲不卡无码av中文字幕| 久久亚洲国产成人影院| 99精品视频在线视频免费观看| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 色哟哟国产精品免费观看| 最近免费中文字幕大全视频| 亚洲成人在线电影| 99久久免费国产精精品|