js控件关系

Ⅰ 如何用js判断控件是否隐藏

用javaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。

1、当style.display="block"或style.visibility="visible"时控件或见，当.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

如图：

2、以下的值可以参考：

none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值compact，不过由于缺乏广泛支持，已经从CSS2.1 中删除。
marker CSS 中有值marker，不过由于缺乏广泛支持，已经从CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似<table>），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似<table>），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似<tbody>）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似<thead>）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似<tfoot>）。
table-row 此元素会作为一个表格行显示（类似<tr>）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似<colgroup>）。
table-column 此元素会作为一个单元格列显示（类似<col>）
table-cell 此元素会作为一个表格单元格显示（类似<td>和<th>）
table-caption 此元素会作为一个表格标题显示（类似<caption>）
inherit 规定应该从父元素继承display属性的值。

Ⅱ js 中“=== !== || !! ”语句是什么意思

意思是当鼠标指向控件时该控件获得焦点，而获得焦点时使控件中的文本被选中。===表示类型什么的全部相等，!==表示要全部不想等包括类型或者的意思。

||‘或’两边只要有一个为真的时候表达式就为真。

！‘非’非后面的为真表达式就为假后面为假的表达式就是真的，就是相反的意思。

！！一般用来将后面的表达式转换为布尔型的数据（boolean），因为javascript是弱类型的语言（变量没有固定的数据类型）所以有时需要强制转换为相应的类型。

与|的关系

在Java中||和|都是逻辑或运算符，两种逻辑或（||和|）的运算规则也基本相同。

|运算是把逻辑表达式全部计算完，而||运算具有短路计算功能。

对于|来说，如果左侧条件为true，也会计算右侧条件的值，而对于||来说，如果左侧的条件为true，则不计算右侧的条件，这种现象被称作短路现象。所谓短路计算，是指系统从左至右进行逻辑表达式的计算，一旦出现计算结果已经确定的情况，则计算过程即被终止。

以上内容参考：网络-||

Ⅲ JS 如何获取控件对应的屏幕坐标

functiongetPos(o)//取元素坐标
{
varx=0,y=0;
do{
x+=o.offsetLeft;
y+=o.offsetTop;
}while(o=o.offsetParent);
return{'x':x,'y':y};
}