javascript中Style之visibility与display的比较
来源:互联网 发布:mac网页版阿里旺旺 编辑:程序博客网 时间:2024/05/17 01:45
它们都可以实现对域的隐藏,但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>
- javascript中Style之visibility与display的比较.
- javascript中Style之visibility与display的比较
- javascript中Style之visibility与display的比较.
- javascript中Style之visibility与display的比较
- javascript中Style之visibility与display的比较.
- javascript中Style之visibility与display的比较
- style.display与style.visibility的区别
- javascript----style 中visibility和display之间的区别
- JAVASCRIPT----style 中visibility和display之间的区别(ZT)
- JAVASCRIPT----style 中visibility和display之间的区别
- JAVASCRIPT:style 中visibility和display之间的区别
- CSS和Javascript中的style.display与style.visibility
- css样式中style.visibility和style.display的区别
- JS中style.display和style.visibility的区别
- JS中style.display和style.visibility的区别
- JS中style.display和style.visibility之间的区别
- JS中style.display和style.visibility的区别
- style.visibility和style.display的区别
- Lucene:基于Java的全文检索引擎简介
- 搜索门户 Web Server分析
- WIN2000操作系统中安装.net 3.X
- 看看Google都用什么服务器
- 基于Lucene/XML的站内全文检索解决方案:WebLucene
- javascript中Style之visibility与display的比较
- Thread的wait sleep join yield suspend notify区别
- 密码处理
- 与妻诀别书 林觉民
- 网页调用rm播放器代码 - 详细说明
- SimpleDateFormat使用详解
- WebService 的一些基本概念-3 (Target namespace,WSDL 和总结)
- 整顿网络的低俗内容,大快人心
- 정규직 취업률 아주대 1위… 등록금 명지대 923만원 최고