隐藏控件
用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 | 用户退出页面。 |