关于iframe/子窗体与父窗体的交互

作者：爱喝兽奶帝天荒 | 2024-08-18 13:09:10

踩

关于iframe/子窗体与父窗体的交互

主窗体内嵌的iframe或者是其通过js打开的新窗口都可以通过contentWindow与主窗体交互。所以首先需要获取到contentWindow才可以。要获取到可访问的contentWindow对象需要满足同源策略,这里需要保证两个窗口的域名完全相同才可以。也就是：

主窗体: http://test.example.com
子窗体: http://test.example.com
可以获取contentWindow

主窗体: http://father.example.com
子窗体: http://child.example.com
不能获取contentWindow

上面第二种情况我们可以通过设置document的domain属性来实现同域访问：

// 主窗体内的js
window.document.domain = example1

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/997591