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

在做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后，上面的代码对页面状态的判断就歇菜了。

转载于:https://www.cnblogs.com/birdshome/archive/2005/11/23/282398.html

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

JavaScript定位页面元素属性（满满的干货）
Document对象提供了用来定位HTML页面中特殊元素的方法.跟小编一起来看看吧,保证让你稳赚. documentElement: 获取HTML页面中的<html>元素 head: 获取 ...
jQuery操作页面元素属性和内容
操作页面元素的属性 A $("#bu1").click(function(){ //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 ...
selenium 页面经常改变元素_selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
Cypress之模拟键盘鼠标操作以及页面元素拖动操作
上篇文章讲解了使用cypress框架时,如何上传或者下载文件,以及定位操作iframe和shadow dom下的页面元素.此次课程将讲解如何模拟键盘输入.鼠标操作以及如何拖动页面元素,另外,会介绍如何 ...
php开发是可视的吗,javascript,html_Jquery判断页面元素是否在浏览器的可视区域内，javascript,html,css,html5 - phpStudy...
Jquery判断页面元素是否在浏览器的可视区域内前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过 ...
sku展示php,前端如何展示商品属性：SKU多维属性状态判断算法的应用
作者 | 周琪力编辑 | 尾尾本文为前端之巅周琪力原创,未经作者许可禁止转载. 问题描述这个问题来源于选择商品属性的场景.比如我们买衣服.鞋子这类物件,一般都需要我们选择合适的颜色.尺码等属性 ...
学习通页面元素和属性
1[单选题] HTML5 的全局属性中"contenteditable" 用于( ). A. 规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现 B. 规定元素内容是否是 ...
JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法
今天做了一个frameset的集合页面,其中有多个iframe页面,其中点击frame=leftMenu里的按钮元素后,需要修改frame=Header页面里的一个div元素属性. 1.主页面架构 & ...

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

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

最新文章

热门文章