隐藏控件

用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

用户退出页面。