使用页面元素属性做状态判断的隐患

简介:

  在做DHTML开发的时候,依赖一些页面元素的得值来作为页面的状态的判断,初看似乎并没有什么问题。可是在后期的开发和维护中,却是一个随时可能产生莫名其妙bug的隐藏炸弹。如果不小心引爆,那就只有郁闷的份了

    问题示例:在制作一个带有多个框架的框架页面时,由于为了一时的简单,直接使用了frame的宽度来作为页面状态的判断条件,代码如下:

var dimFrameWidth = parent.main.cols.split(',')[0];
if ( StringHelper.Trim(dimFrameWidth) != '0' )
{
     with(parent.dimTree.DimensionTree)
     {
        PowerAnalyst.QueryInfoSnapshot = GetQueryInfo();
    }
}

    这个示例中的代码在起初的运行和测试中都完全正确,可是不知道从什么后开始,出来了莫名其妙的bug,PowerAnalyst.QueryInfoSnapshot的值变得不是很确定,有的时候对有的时候又不对。经过Tester和我挺长时间的研究,最后发现居然是因为一个后来添加的功能影响了对frame宽度的判断。

    在起初的设计里,框架页左面的frame是始终显示的,所以我想当然的为了"偷懒",就使用了左边那个frame的宽度来做为了该页面的状态判断标志。可是后来增加了一个折叠左面frame功能,就像我们常用的web mail管理界面里收起左边frame的那种功能。这样潜在的问题就悄悄的来了,当用户在使用时手动折叠了左面的frame后,上面的代码对页面状态的判断就歇菜了


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
7月前
|
JavaScript
怎么判断两个文档节点、网页元素(element)是否相同?判断两个DOM节点是否相等、相同的4种方法
怎么判断两个文档节点、网页元素(element)是否相同?判断两个DOM节点是否相等、相同的4种方法
|
3月前
|
Apache
判定数据中是否包含某一属性的方法
判定数据中是否包含某一属性的方法
|
4月前
|
负载均衡 算法 微服务
前置知识 判断服务的健康状态
【8月更文挑战第19天】
42 0
|
7月前
|
程序员 iOS开发
页面的循环引用与监听事件的添加与删除,页面逻辑管理
页面的循环引用与监听事件的添加与删除,页面逻辑管理
41 0
|
7月前
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
245 0
element close事件关闭表单,数据替换掉原始列表的数据bug解决
element close事件关闭表单,数据替换掉原始列表的数据bug解决
80 0
|
Web App开发 Windows
当UI走查说页面色值错误时,先别急着检查代码
颜色一直是UI设计师们非常敏感的问题,为何屏幕会出现色差?工作中如何避免?
改变状态和改变指定回调顺序的方法
改变状态和改变指定回调顺序的方法
86 0
|
前端开发
前端工作总结127-删除做个判断操作 成功删除 取消取消
前端工作总结127-删除做个判断操作 成功删除 取消取消
95 0
|
JavaScript 前端开发 API