正确关闭iframe中的iframe并且不隐藏iframe

我想关闭iframe ...并且我使用了代码，如使iframe可见为false或当我点击close btn时显示为none ...但是这影响了我的项目中的其他代码，因为iframe没有关闭，我只是隐藏起来......还有，代码在Mozilla和Chrome中运行良好，这隐藏了iframe的概念。正确关闭iframe中的iframe并且不隐藏iframe

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

，并在页面包含的iframe我写代码：但在IE这不叫上接近BTN点击此功能的ifame页面在所有的工作......所以我尝试一些其他的方法，如...如：

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

所以...能正常工作在Mozilla和Chrome，但在IE浏览器...我第一次关闭它关闭，但下一次我尝试打开的iframe的iframe提示错误和iframe呢不是只打开...但这个显示无或可见虚假影响项目中的其他代码，所以我试图removechild代码来关闭iframe再次IE问题...所以你可以帮我用正确的代码来关闭iframe ...当我试图找到代码，因为当我们点击Esc或iframe之外的任何地方它（iframe）正确关闭，所以我想知道..当我们按Esc或点击外部iframe iframe关闭完全没有影响其他代码会发生什么。

感谢您提前！

来源

2012-11-03 Shruthi

你不能关闭一个iframe :) – Andreas

你不'关闭'的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。

来源

2012-11-03 13:01:10

嗨...我刚刚检查了这个...但它不工作在IE ..我使用IE8 ....所以..我试图在JavaScript中包括断点IE浏览器的开发工具，但断点它不会去那里..知道..为什么它不关闭... PLease的帮助！ – Shruthi

您需要在jsfiddle.net或其他类似的地方发布您的页面示例。很可能您的网页上还有其他内容会被破坏。 –

正确关闭iframe中的iframe并且不隐藏iframe

回答

相关问题