如何使用 javascript 或 jQuery 关闭 iframe 本身内的 iframe？我试过了，<a href="javascript:self.close()">但没有用。
如何在 iframe 本身内关闭 iframe
IT技术
javascript
jquery
iframe
2021-02-20 07:49:12
5个回答
“关闭”当前 iFrame 是不可能的，但您可以告诉父级操作 dom 并使其不可见。
在 IFrame 中：
parent.closeIFrame();
在父级：
function closeIFrame(){
$('#youriframeid').remove();
}
function closeWin() // Tested Code
{
var someIframe = window.parent.document.getElementById('iframe_callback');
someIframe.parentNode.removeChild(someIframe));
}
<input class="question" name="Close" type="button" value="Close" onClick="closeWin()" tabindex="10" />
使用它从 iframe 本身内的父级中删除 iframe
frameElement.parentNode.removeChild(frameElement)
它仅适用于相同来源（不允许使用交叉原点）
由于我在跨域场景中创建了像 Pinterest 的 Pin It 这样的书签，因此这些解决方案都不适合我。
我在 GitHub https://gist.github.com/kn0ll/1020251上找到了一个书签模板，它解决了关闭 Iframe 从其中发送命令的问题。
由于我无法从 IFrame 中的父窗口访问任何元素，因此只能使用 window.postMessage 在两个窗口之间发布事件来进行这种通信
所有这些步骤都在 GitHub 链接上：
1- 您必须在父页面上注入一个 JS 文件。
2- 在注入到父级的这个文件中，添加一个窗口事件监听器
window.addEventListener('message', function(e) {
var someIframe = window.parent.document.getElementById('iframeid');
someIframe.parentNode.removeChild(window.parent.document.getElementById('iframeid'));
});
此侦听器将处理关闭和您希望的任何其他事件
3- 在 Iframe 页面内，您通过 postMessage 发送关闭命令：
$(this).trigger('post-message', [{
event: 'unload-bookmarklet'
}]);
按照https://gist.github.com/kn0ll/1020251上的模板操作，你会没事的！
希望能帮助到你，
它有点hacky，但效果很好
function close_frame(){
if(!window.should_close){
window.should_close=1;
}else if(window.should_close==1){
location.reload();
//or iframe hide or whatever
}
}
<iframe src="iframe_index.php" onload="close_frame()"></iframe>
然后在框架内
$('#close_modal_main').click(function(){
window.location = 'iframe_index.php?close=1';
});
如果你想通过一个
if(isset($_GET['close'])){
die;
}
在框架页面的顶部，使重新加载不明显
所以基本上第一次框架加载它不会隐藏自己但是下次加载它会调用onload函数并且父级将有一个导致框架关闭的窗口变量