项目前端页面CSS中behavior属性语法简介

最新推荐文章于 2022-12-20 13:58:21 发布
最新推荐文章于 2022-12-20 13:58:21 发布
阅读量926 收藏
点赞数
分类专栏： 前端资料 文章标签： css javascript CSS中behavior属性 html jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36908872/article/details/105944628
版权

本文和大家重点讨论一下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取而代之

 

张某某啊哈
关注
专栏目录
HTML语法大全
07-15
### HTML语法大全与常用CSS详解 #### 一、概述 HTML（HyperText Markup Language），即超文本标记语言，是用于创建网页的标准标记语言。通过HTML，我们可以构建网站的基本结构，并结合CSS来美化页面布局和样式。...
css中的behavior
weixin_30672295的博客
07-08 284
网页中我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。 　　behavior的语法： 　　　　behavior : url ( url ) | url ( #objID ) | url ( #default#behaviorName ) 　　取值： 　　　　url ( url )　:　使用绝...
Behavior的使用（一）：页面跳转NavigateToPageAction
weixin_30483013的博客
06-19 176
Behavior的使用，让UI设计师能够更加方便的进行UI设计，更高效地和开发进行合作。Behavior有三种触发方式：EventTriggerBehavior事件触发，DataTriggerBehavior数据变化触发，IncrementalUpdateBehavior增量更新触发（ListView、GridView）。 系统提供的 Behavior自己并不能完成一...
微信小程序--》小程序—组件通信和behavior使用
ztK63LrD的博客
08-13 2173
组件通信和behavior讲解
CSS Behavior
renxingxingge的专栏
08-19 400
<br />今天学到了一个很强大的Css方法 以前见到过 今天才发现它的好处 是一个朋友告诉我的 这就是无论怎么刷新 都能保存下当前的状态  这就是强大的behavior  以前可能要写cookie或者很多代码 很麻烦 这个方法 强大又实用 我是第一次用 以后还会继续对这个方法评价 下面贴出一个例子 并附有讲解<br /> <br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf
behavior: url(PIE.htc)在:hover中失效问题解决(ie8兼容)
HuangsTing的博客
08-07 1087
解决办法：将 behavior: url(PIE.htc) 移动至标签样式下 不生效： a:hover{ background:#fff; border-radius:55px; behavior: url(PIE.htc); } 生效： a { behavior: url(PIE.htc); } a:hover{ background:#fff; ...
html语法大全、标签、属性
11-29
### HTML语法概览 ...掌握上述提到的 `<img>` 标签以及其他的常用标签和属性对于前端开发者来说是非常重要的。随着技术的发展，某些标签（如 `<font>`）已被 CSS 所取代，因此了解这些变化也是很有帮助的。
HTML5 CSS3 JavaScriptWeb前端开发自测试卷4.pdf
11-28
【HTML5 CSS3 JavaScript Web前端开发自测试卷4】涵盖了前端开发的基础知识，包括HTML、CSS和JavaScript。以下是对部分题目涉及知识点的详细说明： 1. `<img>`标签的属性解析： - `width`属性定义了图片的宽度，如...
前端面试题
05-19
- 初始化CSS样式的目的是消除浏览器默认样式带来的差异，确保页面在不同浏览器中的外观一致。 **16、absolute的containing block计算方式跟正常流有什么不同？** - **absolute**元素的包含块取决于最近的已定位...
web开发手册大全(包括CSS2.0,DOM,html,xml,behavior55,js等chm文件,都中文)
10-31
理解DOM节点、属性、事件及操作方法是前端开发中的重要一环。 5. JavaScript（JS）： JS是网页动态化的主力，它是一种轻量级的解释型编程语言，主要用于客户端的网页脚本。JS能处理用户输入、与服务器交互、改变...
CSS中behavior使用
weixin_33841503的博客
01-10 395
在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，CSS中的behavior就为我们很好的解决了这个问题。CSS属性behavior语法在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。今天就向大家介绍CSS属性behavior的语法。b...
《你不会还不知道“behavior”吧》之介绍
最新发布
Web_boom的博客
12-20 326
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
jsp基础入门详解(三、jsp声明和url传值)
xmp
02-25 1488
一、jsp声明 在jsp程序段中变量必须先定义后使用，其使用方法如下： <%! 代码 %> 下面的declaration01.jsp是一个简单的例子，代码如下： <%-- Created by IntelliJ IDEA. User: Administrator Date: 2022/2/25 Time: 14:21 To change this template use File | Settings | File Templates. --%> &
htc文件
xclsky的博客
12-19 1191
1java技术中有一种文件叫：.htc 这个文件时将js和css有效的封装起来的。 如： var color_; function li_mouseover(){ color_=element.style.color; element.style.color="red"; } function li_mouseout(){ element.style.color=c
JSP极限扫描者1.0
Quantum Intelligence
06-16 2085
 昨天叫LIVING帮忙扫描几个IP 覆盖全部端口~~~他老抱怨说XSCAN支持多核CPU不理想,整天出错！我郁闷之下开发了个WEBSHELL上面扫描的程序,直接把IP 添加到 作业系统那里~让服务器自动扫描！即使我们关了浏览器...！我们过N天之后上去看看扫描结果就OK~~ 不用管它了 自己忙自己的事！....平台兼容: RESIN TOMCAT WEBLOGIC WEBSPHERE J
input高级限制级用法
itant的专栏
12-28 732
1.取消按钮按下时的虚线框 　　在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 　　 4.ENTER键可以让光标移到下一个输入框 　　 5.只能为中文(有闪动) 　　 6.只能为数字(有闪动) 　　 7.只能为数字(无闪动) 　　57)
javascript技巧搜集。
程序人生
02-14 327
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件 &lt;input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}...
HTML&CSS3入门指南：基本概念与语法解析
“HTML&CSS3.md”是一份关于HTML和CSS3基础知识的综合总结，涵盖了HTML的基本概念、组成、语法以及常用标签，同时也涉及到CSS3的一些应用，特别关注了移动开发的相关内容。 ## HTML（超文本标记语言）基础 HTML是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值