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

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

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

    Ajax的JavaScript的反射機(jī)制

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

    什么是反射機(jī)制

       反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取程序元素的信息。例如一個(gè)對象能夠在運(yùn)行時(shí)知道自己有哪些方法和屬性。

       在JavaScript中利用for(…in…)語句實(shí)現(xiàn)反射

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

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

    for(var p in obj){
    if(typeof(obj[p]=="function"){
    obj[p]();
    }else{
    alert(obj[p]);
    }
    }
       這段語句遍歷obj對象的所有屬性和方法,遇到屬性則彈出它的值,遇到方法則立刻執(zhí)行。在后面可以看到,在面向?qū)ο蟮腏avaScript程序設(shè)計(jì)中,反射機(jī)制是很重要的一種技術(shù),它在實(shí)現(xiàn)類的繼承中發(fā)揮了很大的作用。

    使用反射來傳遞樣式參數(shù)

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

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

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

    var style={
    color:#ffffff,
    backgroundColor:#ff0000,
    borderWidth:2px
    }
       這時(shí)可以這樣調(diào)用函數(shù):

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

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

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

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

    ???? 雖然講得有點(diǎn)勉強(qiáng),但總算能實(shí)現(xiàn)我們的需求

    Feedback

    # re: Ajax的JavaScript的反射機(jī)制  回復(fù)  更多評論   

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

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


    網(wǎng)站導(dǎo)航:
     

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

    Copyright © 網(wǎng)上ヤ飄

    主站蜘蛛池模板: 叮咚影视在线观看免费完整版| 亚洲精品夜夜夜妓女网 | 免费a级毛片视频| 久久国产精品成人片免费| 日本一区二区在线免费观看| 久久精品国产亚洲αv忘忧草| 久久久久久久综合日本亚洲| 四虎永久免费地址在线网站| 99精品国产免费久久久久久下载 | 国产又大又长又粗又硬的免费视频| 久久国产精品成人片免费| 国产免费一区二区三区免费视频| 在线91精品亚洲网站精品成人| 亚洲偷自精品三十六区| 亚洲激情在线观看| 国产亚洲一区二区手机在线观看| 亚洲国产一区二区视频网站| 成人免费视频国产| 噜噜嘿在线视频免费观看| 99久久免费国产精品特黄| 日韩中文字幕精品免费一区| aⅴ免费在线观看| 中文字幕免费视频| 一级毛片免费观看| 免费福利在线视频| 免费91最新地址永久入口| 日本卡1卡2卡三卡免费| 免费人成在线观看视频高潮| 福利免费在线观看| a毛片在线看片免费| 国产成人AV免费观看| 18禁在线无遮挡免费观看网站| 久久免费精品视频| 久久久久久国产精品免费免费男同| 另类免费视频一区二区在线观看| 国产永久免费高清在线| 99re6在线视频精品免费| a毛片视频免费观看影院| 99久久99久久免费精品小说| 麻豆成人久久精品二区三区免费| 99在线在线视频免费视频观看|