在進行CSS網頁布局的時候,我們經遇到刷新要保留表單裡內容的時候,習慣的做法使用cookIE,但是那樣做實在是很麻煩,css中的behavior就為我們很好的解決了這個問題。今天webjx.com就向大家介紹CSS屬性behavior的語法
behavior的語法:
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 。
示例:
p { behavior: url(#default#download); }
div { behavior: url(fly.htc) url(shy.htc); }
div { behavior: url(#myObject); }
應用1:刷新也保留輸入框裡面的文字
.sHistory {}{behavior:url(#default#savehistory);}
應用2:調用腳本
<Html>
<head>
<style>
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>把鼠標放在這裡 webjx.com</h1>
</body>
</Html>
behave.htc
<component>
<attach for="element" event="onmouSEOver" handler="hig_lite" />
<attach for="element" event="onmouSEOut" handler="low_lite" />
<script type="text/Javascript">
function hig_lite()
{
element.style.color=255
}
function low_lite()
{
element.style.color=0
}
</script>
</component>
注意:CSS 時盡量避免使用Behaviors技術 Internet Explorer Behaviors
它是什麼?Internet Explorer 5 引入了行為 (behaviors)。behaviors 是一種通過使用 CSS 向 Html 元素添加行為的方法。
為什麼要避免它?只有 Internet Explorer 支持 behavior 屬性。
用什麼代替?請使用 JavaScript 和 Html DOM 取而代之