它们都可以实现对域的隐藏,但visibility要占用域的空间,而display则不会!下面是一个测试
<html>
<head>
<title>标题测试</title>
<script language="javascript">
function testVisibility()
{
document.all("tb_0").style.visibility="hidden";
document.all("tb_1").style.visibility="visible";
}
function testDisplay()
{
document.all("tb_0").style.display="none";
document.all("tb_1").style.display="block";
}
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="form1" 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>
现在不是很多网站都流行loading 字样么。
好象用这个能实现。
在网页前部加 <DIV id=Layer_Loading >正在加载请稍等……</DIV>
在网页最后加<SCRIPT>Layer_Loading.style.visibility="hidden";</SCRIPT>
分享到:
相关推荐
display与visibility的区别
CSS隐藏元素 display visibility opacity的区别 display:none和visibility:hidden的区别 对比总结: height:0和overflow:hidden的组合
CSS:Visibility和Display属性的比较.pdf
display通常可以设置为none、inline、block visibility通常可以设置为hidden、visible 当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。 display会将元素隐藏掉,并且位置不再被占据,而...
visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。
JS中style.display和style.visibility的区别实例说明.docx
本文主要介绍了display和visibility的区别。具有很好的参考价值。下面跟着小编一起来看下吧
...
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素...
NULL 博文链接:https://johnson-gong.iteye.com/blog/2152336
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,...
前言: 在使用css隐藏栏位或物件的时候, 常常会使用到display:none和visibility:hidden这两个属性, 但却很容易分不清楚这两个的差别, 或是乾脆同时使用两种属性,来确保物件一定被隐藏, 其实我们可以很简单的来...
Display的属性值 block:/*表现为...将display设置为inline,将使其行为和元素inline一样—即使它是普通的块元素如,它也将会被组合成像那样的输出流。none:/*元素不可见,并且不为其保留相应的位置*/最后是display被
visiblity:hidden和display:none属性之间的差异
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天52CSS.com简单的罗列出它们的区别与使用要点,供大家参考。