网页结构层、表示层和行为层的彻底分离
来源:互联网 发布:苹果蜂窝数据怎么设置 编辑:程序博客网 时间:2024/06/05 19:15
网页的结构层、表示层和行为层分离的越彻底,维护及更新就越容易。结构层和表示层可以彻底的分离,结构层和行为层也可以分离,但是当用行为层来操纵表示层时,情况就有些麻烦。
当在javascript里改变css时,我们可能会直接在Javascript代码用诸如tr.style.color="red"这样的语句来操纵。但是如果我们这样做的话就违背了三个层面相互分离的原则,对以后的维护也不利。因为假如以后要把red改为blue,我们就不是在css里来改变,而是得在javascript代码里来寻找改变。那么怎样做到既可以用javascript来改变css样式,而又实现行为层和表示层的分离呢?
其实我们可以给元素节点对象赋予一个类属性,然后在css里设定这个类的值,这样就可以实现既可以操纵css又实现的分离。当我们要改变某个对象的外观时,我们可以给它增加class属性,而不是直接设定style.color这样的语句。color可以在css的类里面来设定。这样我们操纵的就只是一个class属性,而不是直接的css值。
当在javascript里改变css时,我们可能会直接在Javascript代码用诸如tr.style.color="red"这样的语句来操纵。但是如果我们这样做的话就违背了三个层面相互分离的原则,对以后的维护也不利。因为假如以后要把red改为blue,我们就不是在css里来改变,而是得在javascript代码里来寻找改变。那么怎样做到既可以用javascript来改变css样式,而又实现行为层和表示层的分离呢?
其实我们可以给元素节点对象赋予一个类属性,然后在css里设定这个类的值,这样就可以实现既可以操纵css又实现的分离。当我们要改变某个对象的外观时,我们可以给它增加class属性,而不是直接设定style.color这样的语句。color可以在css的类里面来设定。这样我们操纵的就只是一个class属性,而不是直接的css值。
0 0
- 网页结构层、表示层和行为层的彻底分离
- 网页的3层结构 结构层 表示层 行为层
- 关于ui和业务层的彻底分离思考
- 表示层、应用层
- Atitit 会话层和表示层的异同
- Atitit 会话层和表示层的异同
- 对SSH三种框架及表示层、业务层和持久层的理解
- SSH三种框架及表示层、业务层和持久层的理解
- SSH三种框架及表示层、业务层和持久层的理解
- SSH、SSM三种框架及表示层、业务层和持久层的理解
- 会话层,表示层,应用层
- 会话层,表示层,应用层
- 会话层、表示层、应用层
- MySQL逻辑层的两层结构
- 树的层号表示
- <java EE 项目:Musicstore>项目结构分析: 项目的3层结构之间的关系 :(表示层,业务层,数据层)
- .net分层架构思想(彻底分离每个层)
- MVC设计模式针对业务层和控制层代码分离的看法。
- 防止EditText自动获得焦点,隐藏软键盘
- 分享8年开发经验,浅谈程序员职业规划
- CentOS 6.5 eclipse导入nutch-1.4
- Guava Collections使用介绍[超级强大]
- 重新配置OpenFire数据库
- 网页结构层、表示层和行为层的彻底分离
- 世界经理人-世界经理人网站与杂志致力引导职业经理人实现卓越管理
- swift入门 枚举和结构体
- 开源企业IM免费企业即时通讯ENTBOOST V2014.177版本正式发布
- Linux 技巧:让进程在后台可靠运行的几种方法
- Mina 解决请求后直接关闭连接(去除TIME_WAIT状态)
- 基于Kinect的三维动作重现
- linux开机启动程序加载的shell script
- Jericho Html paser详解