日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
基于JavaScript的相關(guān)CSS技術(shù)概覽

CSS技術(shù)概覽：動(dòng)態(tài)表達(dá)式的構(gòu)想也許是源自于以下的一些場(chǎng)景：

創(chuàng)新互聯(lián)建站秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營(yíng)銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站，小程序設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)制作，成都做手機(jī)網(wǎng)站，營(yíng)銷型網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長(zhǎng)。

元素的尺寸或者位置由瀏覽器或者h(yuǎn)tml文檔來(lái)計(jì)算

使用變量作為style屬性的值，比如頻繁使用的顏色，用一個(gè)全局變量

包括瀏覽器的鼻祖Netscape以及IE瀏覽器都試圖在CSS中使用javascript，Netscape公司在很久很久以前提出了JSS技術(shù)，當(dāng)然只支持Netscape瀏覽器：

“JavaScript Style Sheets. In the beginning, they were JASS (JavaScript Accessible Style Sheets), then JSSS or JSS (JavaScript Style Sheets), and now Netscape has taken to calling them Style Sheets with JavaScript Syntax. They exist in the Netscape DHTML documentation, a few books, and a couple of old third party articles on the web. The best introduction to JSS is by HTML veteran Chuck Musciano, at SunWorld. A concise, clear examination, this article was written a year ago (April 1997). Next to nothing has been written on the Web since then?！?/p>

一段經(jīng)典的Netscape瀏覽器的JSS代碼如下所示：

 
 
 
    
  
  
  
  1.  'text/javascript'>   
    2. 
  
  
  
  2. with (parent.frames.main.document.classes.items.SPAN) {  
    3. 
  
  
  
  3.     width = menuWidth;  
    4. 
  
  
  
  4.     color = fntCol;  
    5. 
  
  
  
  5.     fontSize = fntSiz;  
    6. 
  
  
  
  6.     fontWeight = fntWgh;  
    7. 
  
  
  
  7.     fontStyle = fntSty;  
    8. 
  
  
  
  8.     fontFamily = fntFam;  
    9. 
  
  
  
  9.     borderWidth = borWid;  
    10. 
  
  
  
  10.     borderColor = borCol;  
    11. 
  
  
  
  11.     borderStyle = borSty;  
    12. 
  
  
  
  12.     lineHeight = linHgt;  
    13. 
  
  
  
  13. }  
    14. 
  
  
  
  14.  
    15.

是不是覺(jué)得非常怪異？您無(wú)需懷疑，這確實(shí)是瀏覽器鼻祖netscape的發(fā)明，隨著與ie競(jìng)爭(zhēng)的失敗，Netscape瀏覽器逐漸退出歷史舞臺(tái)，相應(yīng)地，JSS技術(shù)已經(jīng)泯滅于人間。以下的地址給出了JSS的詳細(xì)介紹：http://www.webreference.com/dhtml/column18/menuFrJSS.html

微軟公司在IE5之后提出了“動(dòng)態(tài)屬性(Dynamic Properties)”技術(shù)：

“IE5及其以后版本支持在CSS中使用expression，用來(lái)把CSS屬性和Javas cript表達(dá)式關(guān)聯(lián)起來(lái)，這里的CSS屬性可以是元素固有的屬性，也可以是自定義屬性。就是說(shuō)CSS屬性后面可以是一段Javas cript表達(dá)式，CSS屬性的值等于Javas cript表達(dá)式計(jì)算的結(jié)果。 在表達(dá)式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對(duì)象。這個(gè)表達(dá)式就好像是在這個(gè)元素的一個(gè)成員函數(shù)中一樣。 ”

CSS技術(shù)概覽：一段經(jīng)典的CSS Expression代碼如下：

 
 
 
    
  
  
  
  1. #myDiv   
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.      position: absolute;  
    4. 
  
  
  
  4.      width: 100px;  
    5. 
  
  
  
  5.      height: 100px;  
    6. 
  
  
  
  6.      left: expression(document.body.offsetWidth - 110 + "px");  
    7. 
  
  
  
  7.      top: expression(document.body.offsetHeight - 110 + "px");  
    8. 
  
  
  
  8.      background: red;  
    9. 
  
  
  
  9. } 
    10.

IE的動(dòng)態(tài)表達(dá)式出現(xiàn)的時(shí)候，引起不少web開(kāi)發(fā)者的狂歡，但是時(shí)隔不久，其卑劣的性能開(kāi)始引起人們的詬病，據(jù)稱，動(dòng)態(tài)表達(dá)式在DOM發(fā)生更新的那一瞬間居然執(zhí)行了上萬(wàn)次，另外由于與web標(biāo)準(zhǔn)的不兼容，CSS Expression幾乎已經(jīng)被日益追求潮流的web開(kāi)發(fā)者所擯棄。
 
最終，IE8宣稱在其標(biāo)準(zhǔn)模式不再支持動(dòng)態(tài)表達(dá)式（Dynamic Dynamic Properties或者CSS Expression），參見(jiàn)：http://blogs.msdn.com/ie/archive/2008/10/16/ending-expressions.aspx
 
關(guān)于動(dòng)態(tài)表達(dá)式（Dynamic Properties或者CSS Expression）的更多介紹，請(qǐng)參見(jiàn)：http://msdn.microsoft.com/en-us/library/ms537634(VS.85).aspx
   
至此，兩大瀏覽器的巨頭都終止了在CSS中使用Javascript的妄想，但是CSS混javascript的滅亡只是瀏覽器大戰(zhàn)以及自定標(biāo)準(zhǔn)與W3C標(biāo)準(zhǔn)競(jìng)爭(zhēng)的犧牲品而已。
 
從以上的史實(shí)來(lái)看，在CSS中使用javascript看來(lái)已被證明為一條沒(méi)有前途的路，因此民間程序員開(kāi)始把動(dòng)態(tài)CSS的研究重心轉(zhuǎn)為CSS的核心之一－“選擇器”，亦即“通過(guò)javascript實(shí)現(xiàn)當(dāng)前尚不能實(shí)現(xiàn)的選擇器”，這一方面的研究成果，最著名的莫過(guò)于在廚房擺放一臺(tái)個(gè)人網(wǎng)站服務(wù)器的英國(guó)人狄恩-愛(ài)德華（Dean edwards，個(gè)人主頁(yè)：http://dean.edwards.name/）的"ie7.js"，網(wǎng)址：http://code.google.com/p/ie7-js/或http://ie7-js.googlecode.com/svn/test/index.html，"ie7.js"提前實(shí)現(xiàn)了W3C的CSS3標(biāo)準(zhǔn)，當(dāng)然它的功能不限于此。

在民間，還是有很多人在研究如何在CSS中使用Javascript或者使用JavaScript來(lái)擴(kuò)展現(xiàn)有CSS的功能，比如這位仁兄：http://andykent.bingodisk.com/bingo/public/jss/，他開(kāi)發(fā)了一個(gè)基于JQuery的插件，能夠提前實(shí)現(xiàn)CSS3的選擇器，他把他的作品命名為JSS（Javascript Style Sheets）。

為什么一些狂熱的程序員會(huì)對(duì)基于javascript的CSS樂(lè)此不疲呢？

筆者認(rèn)為主要有以下兩個(gè)原因：

1、CSS本身的靜態(tài)特性

2、W3C標(biāo)準(zhǔn)與瀏覽器版本不能也永遠(yuǎn)不能同步的矛盾

3、HTML開(kāi)發(fā)人員的期望與W3C標(biāo)準(zhǔn)不能也永遠(yuǎn)不能同步的矛盾

HTML的CSS技術(shù)本身的缺點(diǎn)已經(jīng)引起了軟件開(kāi)發(fā)巨頭的注意，在當(dāng)前狂躁的應(yīng)用程序標(biāo)記語(yǔ)言中，比如微軟的XAML或adobe的MXML，其CSS（暫且稱之為CSS吧）不僅可以動(dòng)態(tài)定義，甚至還可以定義屬性、內(nèi)容和事件。也許，在幾年之后，我們將看到W3C準(zhǔn)備修正新的CSS標(biāo)準(zhǔn)，讓其更加動(dòng)態(tài)化。CSS技術(shù)概覽到此結(jié)束。


網(wǎng)頁(yè)標(biāo)題：基于JavaScript的相關(guān)CSS技術(shù)概覽
網(wǎng)頁(yè)網(wǎng)址：http://www.5511xx.com/article/dhddehp.html