本文和大家重點討論一下CSS屬性behavior的語法及使用，使用CSS進行網頁布局時刷新要保留表單裡內容，我們習慣的做法使用cookIE，但是那樣做實在是很麻煩，使用CSS中的behavior可以很好的解決。
CSS屬性behavior的語法及介紹
在進行CSS網頁布局的時候，我們經遇到刷新要保留表單裡內容的時候，習慣的做法使用cookIE，但是那樣做實在是很麻煩，CSS中的behavior就為我們很好的解決了這個問題。今天就向大家介紹CSS屬性behavior的語法.
behavior的語法：
ExampleSourceCode
- behavior:url(url)|url(#objID)|url(#default#behaviorName)
取值：
url(url) : 使用絕對或相對url地址指定DHtml行為組件（.htc）
url(#objID) : 使用二進制實現(作為ActiveX?控件)的行為。此處的#objID為object對象的id屬性值
url(#default#behaviorName) : IE的默認行為。由行為的名稱標識(#behaviorName)指定
說明：設置或檢索對象的DHtml行為。多個行為之間用空格隔開。
當多個附加到同一要素的行為發生沖突時，其結果取決於行為應用於要素的順序。後一個行為的優先權高於前一個行為。同樣的規則適用於不同行為提供的屬性、事件、方法所發生的名稱沖突。
◆可以使用addBehavior方法動態的將行為附著到對象。
此屬性對於currentStyle對象而言是只讀的。對於其他對象而言是可讀寫的。
務必注意使用樣式表(CSS)的behavior屬性內聯定義或使用addBehavior方法附著的行為不會在對象從文檔樹中移除時被自動分離。而在文檔中的樣式表規則定義的行為會在對象從文檔樹中移除時被自動分離。
對應的腳本特性為behavior。
示例：ExampleSourceCode
- p{behavior:url(#default#download);}
- div{behavior:url(fly.htc)url(shy.htc);}
- div{behavior:url(#myObject);}
◆應用1:刷新也保留輸入框裡面的文字
ExampleSourceCode
- .sHistory{}{behavior:url(#default#savehistory);}
◆應用2:調用腳本
ExampleSourceCode
- <Html>
- <head>
- <style>
- h1{behavior:url(behave.htc)}
- </style>
- </head>
- <body>
- <h1>把鼠標放在這裡div-CSS.Net</h1>
- </body>
- </Html>
- behave.htc
- <component>
- <attachforattachfor="element"event="onmouSEOver"handler="hig_lite"/>
- <attachforattachfor="element"event="onmouSEOut"
- handler="low_lite"/>
- <scripttypescripttype="text/Javascript">
- functionhig_lite()
- {
- element.style.color=255
- }
- functionlow_lite()
- {
- element.style.color=0
- }
- </script>
- </component>
注意：CSS時盡量避免使用Behaviors技術
InternetExplorerBehaviors
它是什麼？InternetExplorer5引入了行為(behaviors)。behaviors是一種通過使用CSS向Html元素添加行為的方法。
為什麼要避免它？只有InternetExplorer支持behavior屬性。
用什麼代替？請使用JavaScript和HtmlDOM取而代之。
文章來源:Div-CSS.net設計網參考:http://www.div-CSS.Net/div_CSS/topic/index.ASP?id=10002
【編輯推薦】