CSS中behavior屬性文法介紹

最後更新：2014-07-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style blog http java color 使用

本文和大家重點討論一下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>把滑鼠放在這裡52css.com</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取而代之。來源：http://blog.sina.com.cn/hksqbi

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More