0

我正在测试一个网页,该网页在单击另一个 div 容器时隐藏和取消隐藏。我测试了这是 Chrome,它运行良好,但是在我把它放在我的网络服务器上之后,我得到了未定义的错误。当我从 Web 服务器在 Firefox 中测试它时,它工作正常。它适用于 Lubuntu 中的 Chromium,但 Windows 中的 Chrome 给了我一个错误。

<!DOCTYPE html PUBLIC 

"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Chrome test</title>
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <script type="text/javascript">
            function hideDiv(nameId) {
                var grouping = document.getElementById(nameId); 
                if(grouping.style.display == 'none') {
                    grouping.style.display = '';
                } else {
                    grouping.style.display = 'none';
                }
            }
        </script>
    </head>
    <body>
        <div id="group">
            <div id="header" onclick="hideDiv('failingtoclose');">
                <span>Testing</span>
            </div>
            <div id="failingtoclose">
                <span>More testing</span>
            </div>
        </div>
    </body>
</html>

开发人员工具给我的警告:
'window.webkitStorageInfo' 已弃用。请改用“navigator.webkitTemporaryStorage”或“navigator.webkitPersistentStorage”。

和错误:
未捕获的类型错误:无法读取未定义的属性“显示”(第 9 行)

Web 服务器在 Ubuntu 上运行 apache 2.2.22。

4

1 回答 1

0

它在 Windows 上的 chrome 中运行良好(版本 30.0.1599.69 m),我怀疑它与服务器有关,因为至少在您提供的代码中没有进行交互。将文档类型更改为标准模式<!DOCTYPE html>

于 2013-10-14T23:18:05.040 回答