菜单显示页，代码如下：
<html>
<head>
<title>display</title>
<script type="text/javascript">
<!--
function show(id){
var msg=document.getElementById("submenu"+id);
if(msg.style.display=="none")
msg.style.display="block";
else
msg.style.display="none";
}
//-->
</script>
</head>
<body>
<table width="100%" >
<tr width="100%">
<td width="100%">
<font style="cursor:hand;" onclick="show(1)">
菜单一
</font>
</td>
</tr>
<tr id="submenu1" style="display:none;">
<td>
<table>
<tr>
<td>子菜单a</td>
</tr>
<tr>
<td>子菜单b</td>
</tr>
</table>
</td>
</tr>
<tr width="100%">
<td width="100%">
<font style="cursor:hand;" onclick="show(2)">
菜单二
</font>
</td>
</tr>
<tr id="submenu2" style="display:none;">
<td>
<table>
<tr>
<td>子菜单c</td>
</tr>
<tr>
<td>子菜单d</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<html>
问题：
在Firefox中执行后"display:none;"没有回收"display:block;"开辟的页面空间，
下次再执行"display:block;"又会在页面上重新创建显示空间。
原因：
The reason it "appears" to work with IE is probably because IE is
error-correcting the display property for you.As others have implied,
IE has no concept of the table-row value. In fact,Microsoft's documentation
(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)
clearly states that all block-like elements (with a few exceptions) have
'block' as their display value, contrary to specification.
解决：
将代码
msg.style.display="block";
修改为
msg.style.display="";
分享到：
相关推荐
1. **浏览器**：推荐使用最新版本的Mozilla Firefox、Apple Safari 和 Google Chrome 进行开发和测试。此外，在移动设备上的浏览器（如Android和iOS的内置浏览器）进行测试也非常重要。 - 示例：使用Mozilla Fire...
它支持Internet Explorer 7及以上版本，以及Google Chrome、Mozilla Firefox和Opera等主流浏览器。然而，值得注意的是，Safari浏览器可能不支持该功能，这可能是由于其对某些API或技术的兼容性问题。 实现上传图片...
在Web开发过程中，调试工具的重要性不言而喻。...通过熟练掌握Firefox Firebug的这些调试技巧，开发者可以更有效地定位和解决问题，提升Web开发的效率和质量。不断实践和探索，将使你在Web开发领域更加游刃有余。
了解不同浏览器之间的差异至关重要，尤其在处理Internet Explorer（IE）与Mozilla Firefox（火狐）时，由于两者对某些CSS属性和HTML标签的支持程度不同，开发者常需采取特定策略以确保网页在各种浏览器中的兼容性和...
- Gecko：Mozilla的Firefox。 - Blink：谷歌的Chrome浏览器。 - Trident：微软的Internet Explorer。 - EdgeHTML：微软的Edge浏览器。 3. 浏览器的渲染原理： - 解析HTML生成DOM树。 - 解析CSS生成CSSOM树。 ...
- **Gecko**: 由Mozilla基金会开发，用于Firefox浏览器。 - **Trident**: 由微软开发，用于Internet Explorer浏览器。 #### 6. **HTML5 新特性、移除的元素** - **新特性**包括新的语义标签（如`<article>`, `...
- **JS引擎**: 解析执行JavaScript，实现网页动态效果。 - **内核差异**: - 不同的内核对网页语法解释存在差异，导致渲染结果不同。 - 所有需要编辑、显示网络内容的应用程序都需要内核支持。 **9. HTML5的新...
Firefox同样支持在placeholder中使用:after伪元素来添加内容，但不需要指定`display`属性，因为Firefox默认会将:after伪元素当作块级元素来处理。 需要指出的是，由于placeholder属性的设计初衷是一个简短的提示，...