会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
渔鱼
人生豪迈,在此一博!
博客园
::
首页
::
博问
::
闪存
:: ::
联系
::
订阅
::
管理
::
style.visibility和style.display的区别[转]
<
span
style
="color:red"
>
它们都可以实现对域的隐藏,但visibility要占用域的空间,而display则不会!下面是一个测试
</
span
>
<
html
>
<
head
>
<
title
>
标题测试
</
title
>
<
script
language
="javascript"
>
...
function
testVisibility()
...
{
document.all(
"
tb_0
"
).style.visibility
=
"
hidden
"
;
}
function
testDisplay()
...
{
document.all(
"
tb_0
"
).style.display
=
"
none
"
;
}
function
test()
...
{
document.all(
"
tb_0
"
).style.visibility
=
"
visible
"
;
document.all(
"
tb_1
"
).style.visibility
=
"
visible
"
;
document.all(
"
tb_0
"
).style.display
=
"
block
"
;
document.all(
"
tb_1
"
).style.display
=
"
block
"
;
}
</
script
>
</
head
>
<
body
>
<
form
name
="form"
method
="post"
>
<
table
id
="tb_0"
>
<
tr
>
<
td
>
内容测试--visible
</
td
>
</
tr
>
</
table
>
<
table
id
="tb_1"
>
<
tr
>
<
td
>
内容测试--hidden
</
td
>
</
tr
>
</
table
>
<
input
type
="button"
onClick
="test();"
value
="还原"
>
<
input
type
="button"
onClick
="testVisibility();"
value
="测试visibility"
>
<
input
type
="button"
onClick
="testDisplay();"
value
="测试display"
>
</
form
>
</
body
>
</
html
>
posted on
2008-04-22 02:23
博闻李
阅读(
4654
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部