我正在开发一个带有模态叠加层的应用程序,当相应的按钮被按下时,它会出现在 iFrame 中。要关闭这些模式覆盖之一,取消按钮在父窗口中以这种方式定义:
<a href="#close" class="modalButton">Cancel</a>
我想将它替换为一个 JavaScript 函数(我们称之为 onCancel() ),这样除了关闭叠加层之外,我还可以根据需要重置一些值。 “#close”的 JavaScript 等价物是什么?
最佳答案
您无法关闭 iFrame,您必须删除或隐藏它。下面的示例删除了 iframe
。如果你只是想隐藏你可以替换最后一行(包含 removeChild
和这一行 frame.style.display="none";
然后你可以通过使用取回它这行 frame.style.display="block";
<!DOCTYPE html>
<head>
<title>test</title>
<style type="text/css">
.top {
height: 100px;
width: 200px;
background-color: blue;
}
</style>
<script type="text/javascript">
function removeIFrame() {
var frame = document.getElementById("iframe");
frame.parentNode.removeChild(frame);
}
</script>
</head>
<body>
<div class="top" onclick="removeIFrame();"></div>
<iframe id="iframe" src="/" width="200" height="100"></iframe>
<div class="top"></div>
</body>
关于javascript - 通过 Javascript 关闭 iFrame,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30105763/