在父层中使用iframe嵌入html子页面，想要在父层中操作子页面中的值，使用了$("#img1", document.iframes('large').document)或window.frames["large"].document.getElementById("img1")都不对，大家都是怎么操作的那？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
4
433
收藏
换一种方法思考，如果你想修改子页面的值，那可以修改完毕之后传给父层中，给父层顶一个隐藏的input标签，parent.$('#父层中input标签的ID').val(‘iframe页面中的值’);
这样可以在父html中调用子html的函数了。要给父html的iframe添加一个name名称，然后替换上面的frameName就可以了。而在子html中可以操作内部的控件，这样就实现了父层操作子层的效果。
我介绍一个不常用的方式吧。我们可以使用postmessage。用这个可以不用在主副之间切换。直接操作都是在各自的document内部。大致逻辑是，父页面创建事件，子页面监听，然后执行相应逻辑。
可以看看这个
postmessage&&api