js iframe 关闭按钮
js iframe close button
>我有以下内容,可以打开一个加载了 html 页面的 iframe,效果很好,但是如何向页面/iframe 添加一个关闭按钮,以便它只是关闭 iframe/页面,而不会影响其打开的页面:
(function (d) {
var modal = document.createElement('iframe');
modal.setAttribute('src', 'mypage.html'));
modal.setAttribute('scrolling', 'no');
modal.className = 'modal';document.body.appendChild(modal);
var c = document.createElement('link');
c.type = 'text/css';
c.rel = 'stylesheet';
c.href = '//myurl.com/testes.css';
document.body.appendChild(c);
}(document));
我尝试了以下尝试关闭它的方法,但是,然后在 iframe 中给出了一条 404 消息:
<a href="window.parent.document.getElementById('iframe').parentNode.removeChild(window.parent.document.getElementById('iframe'))">Close</a>
如果有帮助的话,我正在页面上加载jquery,这意味着,如果有jquery解决方案。
链接应该链接到某个地方,href
属性采用 URI。
使用<button type="button">
并将单击处理程序绑定到它。(您可以使用 onclick
属性,但这不会不引人注目(
不引人注目的方法是:
<a href="someUriWithoutAnIframe" target="_parent">foo</a>
然后按照
myLink.addEventListener('click', function (e) {
var d = window.parent.document;
var frame = d.getElementById('myFrame');
frame.parentNode.removeChild(frame);
e.preventDefault();
});
您可以将链接放入iframe的某种容器div中,使用以下结构创建后者:
<div id="iframe-container">
<a href='#' onclick='this.parentNode.parentNode.removeChild(this.parentNode)'>Close</a>
<iframe src="http://some.web/page.html" />
</div>
无需任何框架即可工作。
相关文章:
- 打开/关闭按钮以显示/隐藏内容
- 如何在用户按下F5键或单击浏览器时显示自定义的fancybox's后退/关闭按钮
- 调用JQuery弹出关闭按钮上的JS'X'
- 用户单击“关闭”按钮后,将永久关闭灯箱
- 带有关闭按钮的javascript/jquery响应工具提示
- 如何在标题上创建弹出框,当点击关闭按钮时,不使用jquery或php在网站中显示
- 如何使用jquery关闭模态窗口,通过模拟模态's关闭按钮
- 关闭按钮(右上 X)以执行类似于控件的操作
- 如何禁用最大化,最小化和关闭按钮以打开新窗口
- js iframe 关闭按钮
- 如何在浮动层上打开新网站关闭按钮
- 单击关闭按钮后,Modal会自动重新打开
- jQuery-关闭按钮不起作用
- 如何在弹出窗口中插入关闭按钮
- 如何使JQuery模式关闭按钮更大
- 映射:如何在infotemplate中添加关闭按钮
- 从JSON模式创建表单,如何添加关闭按钮
- 当有人点击浏览器关闭按钮时,使用JavaScript或ajax功能
- 在覆盖和关闭按钮或链接中为img添加边框
- 带有 iframe 的 Colorbox 关闭按钮