js（隐藏控件、dispaly属性值、js事件）

隐藏控件

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

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

dispaly属性值

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

js事件

属性	此事件发生在何时…
onabort	图像的加载被中断。
onblur	元素失去焦点。
onchange	域的内容被改变。
onclick	当用户点击某个对象时调用的事件句柄。
ondblclick	当用户双击某个对象时调用的事件句柄。
onerror	在加载文档或图像时发生错误。
onfocus	元素获得焦点。
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按下并松开。
onkeyup	某个键盘按键被松开。
onload	一张页面或一幅图像完成加载。
onmousedown	鼠标按钮被按下。
onmousemove	鼠标被移动。
onmouseout	鼠标从某元素移开。
onmouseover	鼠标移到某元素之上。
onmouseup	鼠标按键被松开。
onreset	重置按钮被点击。
onresize	窗口或框架被重新调整大小。
onselect	文本被选中。
onsubmit	确认按钮被点击。
onunload	用户退出页面。