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

    主站蜘蛛池模板: 亚洲国产精品SSS在线观看AV| 免费在线观看h片| 久久久久免费视频| 无码人妻一区二区三区免费视频 | 亚洲AV日韩AV永久无码免下载 | 97无码免费人妻超级碰碰碰碰| 成人免费视频网站www| 久久久久av无码免费网| 青娱分类视频精品免费2| 97性无码区免费| 四虎成人免费观看在线网址| 在线jlzzjlzz免费播放| 国产成人免费片在线观看| 免费人成网站7777视频| 久久99亚洲综合精品首页| 亚洲春色在线视频| 亚洲AV日韩AV永久无码下载| 91亚洲性爱在线视频| 亚洲欧美日本韩国| 男人j进女人p免费视频| 成人网站免费大全日韩国产| 免费人成网站在线观看不卡| 日本免费xxxx| 午夜无遮挡羞羞漫画免费| 深夜国产福利99亚洲视频| 亚洲精品美女久久777777| 亚洲国产成人精品无码一区二区 | 麻豆安全免费网址入口| 国产精品视频全国免费观看| 国产成人AV免费观看| 中文字幕无码播放免费| 四虎永久在线精品免费观看地址| 亚洲熟伦熟女新五十路熟妇| 亚洲AV无码一区二区二三区软件| 亚洲免费在线观看视频| 成人婷婷网色偷偷亚洲男人的天堂| a一级毛片免费高清在线| 7m凹凸精品分类大全免费| 看全色黄大色大片免费久久| 国产亚洲情侣一区二区无| 亚洲精品资源在线|