我正在测试一个网页,该网页在单击另一个 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。