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

    主站蜘蛛池模板: 亚洲v高清理论电影| 国产三级电影免费观看| 亚洲中文字幕在线第六区| 成年大片免费高清在线看黄| 国产精品酒店视频免费看| 国产成人亚洲毛片| 亚洲Av无码乱码在线观看性色| 免费观看又污又黄在线观看| 亚洲国产成人精品无码久久久久久综合 | 最近中文字幕高清免费中文字幕mv | 青青青免费国产在线视频小草| 亚洲第一区视频在线观看| 美女网站免费福利视频| 亚洲AV成人一区二区三区观看| 免费国产a国产片高清| 国产精品视频全国免费观看 | 亚洲啪啪AV无码片| 久久99精品视免费看| 亚洲一区二区三区免费在线观看| A在线观看免费网站大全| 亚洲AV无码国产剧情| 夜夜春亚洲嫩草影院| 久久中文字幕免费视频| 亚洲综合色7777情网站777| 国产高清视频在线免费观看| 一级做a爱片特黄在线观看免费看| 国产l精品国产亚洲区在线观看| 国产妇乱子伦视频免费| 久久久久久亚洲精品无码| 亚洲乱码国产一区三区| 少妇高潮太爽了在线观看免费| 黄色毛片免费观看| 亚洲人成在线观看| 免费高清在线影片一区| 羞羞视频免费网站在线看| 最新国产成人亚洲精品影院| 亚洲七七久久精品中文国产| 最近2018中文字幕免费视频| 黄页网站在线免费观看| 亚洲精品资源在线| 亚洲无码黄色网址|