gpt4 book ai didi

javascript - 通过 Javascript 关闭 iFrame

转载 作者:太空狗 更新时间:2023-10-29 16:35:50 26 4
gpt4 key购买 nike

我正在开发一个带有模态叠加层的应用程序,当相应的按钮被按下时,它会出现在 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com