Question

我在html中编写这段代码：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script language="javascript" type="text/javascript">

function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
 }
</script>

<title>Welcome to the memory game</title>
</head>
<body> 

    <h1>Welcome to the memory game!</h1>
    <input type="button" name="type" value='Show Layer' onclick="setVisibility('sub3', 'inline');"/>
    <input type="button" name="type" value='Hide Layer' onclick="setVisibility('sub3', 'none');"/> 

    <div id="sub3">Message Box</div>
</body> </html>

它假设使“div”消失并重新获得，但它在chrome中工作而不在资源管理器中。

任何人都知道如何让它在资源管理器中运行（我尝试在有关activeX的消息出现在资源管理器中时允许阻止的内容）？

谢谢，

格雷格

Answer 1

我可以建议您尝试使用jQuery吗？它非常适合跨浏览器，并且具有.toggle（）函数来显示/隐藏DOM对象。

你在jQuery中的功能看起来像是

function setVisibility(id) {
   $('#' + id).toggle();
}

Javascript在Chrome中工作但不在资源管理器中

1 个答案: