jquery - 如何使用Jquery从iframe标签的内部元素访问iframe标签的外部元素

标签 jquery html css iframe

<div id="fancybox-content" style="height:200px;">
    <iframe id="fancybox-frame">
        <html>
            <head></head>
            <body>
                <div class="inner-div"><p class="click-here">Button</p></div>
            </body>
        </html>
    </iframe>   
</div>

div#fancybox-content 的初始高度为 200px,但在单击按钮时,div.inner-div 的高度会增加。 所以我也想增加 div#fancybox-content 的高度。

那么如何使用Jquery实现呢?

最佳答案

IFrame 是否与您的外部页面在同一个域中?如果不是,您必须使用消息发布来执行此操作。

例如在外窗:

myIframe.contentWindow.postMessage('hello', '*');

在 iframe 中:

window.onmessage = function(e){
    if (e.data == 'hello') {
        alert('It works!');
    }
}

取自this answer

关于jquery - 如何使用Jquery从iframe标签的内部元素访问iframe标签的外部元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22805424/

相关文章:

html - CSS Flexbox - 扩展容器下载以显示溢出内容

javascript - 使用数组中的多个值范围填充 html 表

javascript - 使用 jQuery 提交简单表单 - 为什么这在 IE9 中不起作用?

javascript - 如何在 overflow auto 中提出 div 元素?

html - SVG 代码中的 DIV

javascript - 使用 javascript 或 css 具有 ".active"类的 slider 的第一个和最后一个元素的不透明度

javascript - 传递值并将其显示为对象 - jquery

javascript - 公开 jQuery 插件属性

javascript - 动态生成输入类型="file"元素进行多次上传

html - 无法让浏览器以相同的宽度显示带有一些合理文本的 div