css表達(dá)式在網(wǎng)站建設(shè)中的應(yīng)用
作者:佚名 時間:2012-10-30 分享到:
css表達(dá)式(css expression)是從ie5開始引入的,允許在css屬性值中使用javascript表達(dá)式,它只適用于ie瀏覽器。屬性值由表達(dá)式和其后括號中的腳本代碼組成,腳本代碼的結(jié)果會返回給這個屬性。在下面這個示例中,div元素的寬度由表達(dá)式的計算結(jié)果來確定,它的寬度總是瀏覽器窗口寬度的一半;
div{
height:80px;
background:yellow;
width:expreesion(document.body.clientwidth/2);
}
<div>通過css表達(dá)式設(shè)置本元素寬度為瀏覽器窗口寬度的一半。</div>
出于對性能的考慮,一些開發(fā)者不推薦使用css表達(dá)式,因為表達(dá)式的執(zhí)行頻率遠(yuǎn)比想象中的高,不但當(dāng)頁面加載時表達(dá)式需要執(zhí)行,而且當(dāng)窗口大小發(fā)生變化時,瀏覽器滾動條產(chǎn)生移動時,或是用戶將鼠標(biāo)指針移到頁面上時,表達(dá)式都需要重新計算,解決辦法是改用javascript腳本對元素樣式進(jìn)行控制,以避免由css表達(dá)式帶來的性能問題。