CSS屬性behavior的文法

最後更新：2017-01-13 來源：互聯網

上載者：User

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

在進行CSS網頁布局的時候，我們經遇到重新整理要保留表單裡內容的時候，習慣的做法使用cookie，但是那樣做實在是很麻煩，css中的behavior就為我們很好的解決了這個問題。今天poluoluo.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>把滑鼠放在這裡 poluoluo.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 取而代之

本文章原先以中文撰寫並發佈於 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