`
rubyol
  • 浏览: 143176 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Mozilla Firefox中执行JS脚本style.display=block的问题

    博客分类:
  • JAVA
阅读更多
菜单显示页,代码如下:
<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 楼 feilian09 2013-06-20  

相关推荐

    org.mozilla.javascript-1.7.2.jar.zip

    《深入解析Mozilla JavaScript引擎:org.mozilla.javascript-1.7.2.jar.zip详解》 JavaScript,作为互联网上最广泛使用的脚本语言,其在Web开发中的地位不可动摇。而Mozilla的JavaScript实现,以其强大的功能和良好...

    Firefox火狐浏览器官方52.4.0esr-mac版本dmg安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将详述针对Mac系统的Firefox 52.4.0esr版本的安装过程及其特色。 一、Firefox ...

    Firefox火狐浏览器官方52.2.1esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox 52.2.1esr-win32的官方安装包,专为32位Windows系统设计,提供了稳定且...

    Firefox火狐浏览器官方68.10.0esr-win32版本exe安装包

    标题中的“Firefox火狐浏览器官方68.10.0esr-win32版本exe安装包”指的是Mozilla Firefox浏览器的一个特定版本,68.10.0 ESR(Extended Support Release),面向Windows 32位操作系统。这个版本是官方发布的,意味着...

    Firefox火狐浏览器官方68.12.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性和用户隐私保护而闻名。本文将深入探讨68.12.0esr-win32版本的特性、安装过程以及与Firefox ESR版本的区别。 首先,"68....

    org.mozilla.javascript-1.7.2.jar

    总的来说,"org.mozilla.javascript-1.7.2.jar"作为Mozilla Rhino的一个旧版本,为Java开发者提供了在Java环境中执行JavaScript的能力。虽然它不支持最新的JavaScript特性,但在许多旧项目或对新特性需求不高的场合...

    Firefox火狐浏览器官方78.11.0esr-win32版本exe安装包

    《Firefox火狐浏览器78.11.0esr-win32版本的详细解析与安装指南》 Firefox,又称火狐浏览器,是由Mozilla基金会开发的一款开源、免费的网络浏览器,以其安全、隐私保护和定制性著称。78.11.0esr版本是针对Windows ...

    Firefox火狐浏览器官方68.5.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将深入探讨68.5.0esr-win32版本的特性、安装流程以及其在Windows操作系统中的使用...

    Firefox火狐浏览器官方Setup 52.9.0esr-win64版本exe安装包

    Firefox火狐浏览器,是一款由Mozilla基金会开发的开源网络浏览器,以其高度定制化、安全性强、隐私保护出色而深受用户喜爱。本篇将详细介绍Firefox 52.9.0esr-win64版本的安装包及其特性。 52.9.0esr是Firefox的...

    Firefox火狐浏览器官方52.8.1esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将深入探讨52.8.1esr-win32版本的特性、安装流程以及其在Windows 32位系统中的...

    Firefox火狐浏览器官方Setup 68.5.0esr-win64版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox 68.5.0esr-win64的安装包,专为64位Windows系统设计,提供了稳定且优化的...

    Firefox火狐浏览器官方84.0.2-win32版本exe在线安装包

    《Firefox火狐浏览器84.0.2-win32版本:深入解析与使用指南》 Firefox,这款由Mozilla基金会开发的开源网络浏览器,以其强大的安全性能、高度的可定制性以及对用户隐私的尊重,深受全球用户的喜爱。本文将详细探讨...

    Mozilla Firefox 64位_56.0.2.6506

    Mozilla Firefox是一款广受欢迎的开源网络浏览器,以其强大的功能、安全性和用户隐私保护而著称。64位版本的Firefox是专为64位操作系统设计的,它可以更好地利用系统资源,提供更流畅的浏览体验和更高的性能。56.0.2...

    Firefox火狐浏览器官方52.2.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox 52.2.0esr-win32的官方安装包,专为Windows 32位系统设计,适用于那些...

    Mozilla Firefox_v50.1.0_x86

    Mozilla Firefox,通称Firefox,中文也通称火狐,是一个自由及开源的网页浏览器[14],由Mozilla基金会及其子公司Mozilla公司开发。Firefox支持Windows、macOS及Linux,其移动版支持Android及Firefox OS,这些版本的...

    Firefox火狐浏览器官方Setup 52.4.0esr-win64版本exe安装包

    资源全名:Firefox Setup 52.4.0esr.exe

    Firefox火狐浏览器官方52.9.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。52.9.0esr(Extended Support Release)是针对企业用户推出的一个特别版本,它在稳定性和...

    Firefox火狐浏览器官方2.0.0.20-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox的2.0.0.20-win32版本,专为32位Windows系统设计,提供了稳定、高效的浏览...

    Firefox火狐浏览器官方52.5.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将深入探讨Firefox 52.5.0esr-win32版本的特性、安装过程以及与Windows 32位操作...

    Firefox火狐浏览器官方52.7.2esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。52.7.2esr-win32版本是专门为Windows 32位操作系统设计的稳定版更新,它提供了许多改进和...

Global site tag (gtag.js) - Google Analytics