項目前端頁面CSS中behavior屬性語法簡介

本文和大家重點討論一下CSS中behavior屬性語法的使用,在進行CSS網頁佈局的時候,我們經遇到刷新要保留表單裏內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,CSS中的behavior就爲我們很好的解決了這個問題。

CSS屬性behavior語法

在進行CSS網頁佈局的時候,我們經遇到刷新要保留表單裏內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,css中的behavior就爲我們很好的解決了這個問題。今天就向大家介紹CSS屬性behavior的語法。

behavior屬性語法:

ExampleSourceCode

1

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

1

2

3

p{behavior:url(#default#download);}

div{behavior:url(fly.htc)url(shy.htc);}

div{behavior:url(#myObject);} 

 

應用1:刷新也保留輸入框裏面的文字

ExampleSourceCode

1

.sHistory{}{behavior:url(#default#savehistory);} 

  

 應用2:調用腳本

ExampleSourceCode

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<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"/>

<scripttype scripttype="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取而代之

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章