HTML页面中面向对象的编程和合理规划用户交互

     JAVASCRIPT面向对象编程可能大家都不陌生,但是我想说另外一个话题,在HTML中面向对象编程,主要表现为合理的页面框架结构、页面之间关系、JAVASCRIPT调用等等。

     首先:大家对frameset应该都知道一些,可能比较多的时候需要在不同的iframe页面之间进行相互调用,把JAVASCRIPT函数看成一个页面的行为、document树看成页面属性,那我们就很清楚了,页面之间肯定是进行function函数对象级的调用是最理想的,即不可以进行页面属性操作,不举例了;

     其次:设计页面结构时充分的考虑CSS,对DOCUMENT对象树中的类型进行划分,设计时大体可以分为3部分工作布局、风格和内容展示,大体对应容器(DIV/TABLE)、组件(INPUT/SELECT/A)、内容(LI/TD/SPAN/IMAGE)3类元素,先设计布局,再设计组件样式、最后单独设计内容展示样式,最后进行CSS CLASS整合,完成页面属性样式编码,对于页面嵌套实现时怎么取舍比较有帮助,不管是内容直接嵌套还是IFRAME加载;

     最后:页面JAVASCRIPT代码的编程这个可能大家都各自有各自的想法,把握一下一些原则性的东西应该可以了,但是过了一段时间,自己都可能不知道这段代码是干啥的,特别是一个复杂的操作中的某几行,对于用户操作做的事情分类和梳理不够,可能此次用户操作需要隐藏或者删除、显示或者添加元素调整页面尺寸,则此时最好不要设置一些元素的监听,如onresize等等,等你换一种方式实现时上面效果时,可能这个onresize也还不删除,其他地方可能还需要,一句话就是用户操作实现子行为上的公用即javascript函数或者对象公用,对于全局级的行为需要谨慎。

      用户交互,一个令人崩溃的话题,我就想说两点:一:W3C规范是怎么样的,就怎么使用,不要在超链接上加javascript:,这个很令人讨厌,操作最好放在组件类元素上,用户操作在3步以内,什么其他安全、弹出警告之内的东西都是可以回避的;二:对于更加友好的交互效果,针对复杂的业务提供更好的数据展示和操作:数据即业务信息,默认展示有价值的数据,多余的通过更好的分类、分栏,或者更加复杂的比率、树或者列表树等等展示;操作常常表现为站内工具栏、具体业务操作点,使站点结构和业务操作更加方便和易懂就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值