gpt4 book ai didi

javascript - 正确从 javascript 关闭 iframe 并且不隐藏 iframe

转载 作者:行者123 更新时间:2023-11-28 20:47:23 24 4
gpt4 key购买 nike

我想关闭一个 iframe...并且我使用了诸如使 iframe 可见 false 或当我单击关闭 btn 时不显示之类的代码...但这会影响我的项目中的其他代码作为 iframe没有关闭,我只是隐藏...而且该代码在 Mozilla 和 Chrome 中工作,很好地实现了隐藏 iframe 的概念。但在 IE 中这根本不起作用...所以我尝试了一些其他方法,例如...在 ifame 页面中在关闭 btn 单击时调用此函数:

    function closeiframecommt() {
parent.closeiframefriends();
}

在包含 iframe 的页面中我编写的代码如下:

function closeiframefriends() 
{
var friends = document.getElementById("IFriends");
friends.style.display = "none";
}

所以...这在 Mozilla 和 Chrome 中工作正常,但在 IE 中...第一次我关闭 iframe 时它会关闭,但下次我尝试打开 iframe 时它会出现错误并且 iframe 不仅不会打开...但是这个显示没有或可见的错误正在影响项目中的其他代码,所以我尝试删除子代码来再次关闭iframe IE问题...所以你能帮我用正确的代码来关闭iframe...当我尝试找到代码时,我们单击 Esc 或 iframe 外部的任何位置,它(iframe)都会正确关闭,所以我想知道..当我们按 Esc 或单击 iframe 外部时,iframe 会完美关闭而不影响其他代码,会发生什么。

提前感谢您!!

最佳答案

您不会“关闭”iframe - 您会隐藏或删除它。因为隐藏它不是您的选择 - 您应该将其删除。这适用于 Chrome 和 IE。

<!DOCTYPE html>
<head>
<title>test</title>
<style type="text/css">
.top {
height:100px;
width:200px;
background-color:green;
}
</style>
<script type="text/javascript">
function removeIFrame() {
var frame = document.getElementById("target");
frame.parentNode.removeChild(frame);
}
</script>
</head>
<body>
<div class="top" onclick="removeIFrame();"></div>
<iframe id="target" src="http://www.disney.com" width="100" height="100"></iframe>
<div class="top"></div>
</body>

顶部绿色 div 的 onclick 处理从 DOM 中删除 iframe。

关于javascript - 正确从 javascript 关闭 iframe 并且不隐藏 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13209343/

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