iframe 父子之间操作

参考链接: iframe, 我们来谈一谈 https://juejin.cn/post/6844903463193673741

iframe 中如何通过js获取父级窗口的数据?

window.parent.XXX

父级窗口中如何通过js获取 iframe 的数据?

结合Name属性,通过window提供的frames获取.

<iframe src ="/index.html" id="ifr1" name="ifr1" scrolling="yes">
  <p>Your browser does not support iframes.</p>
</iframe>
<script type="text/javascript">
    console.log(window.frames['ifr1'].window);
console.dir(document.getElementById("ifr1").contentWindow);
</script>
window.frames['ifr1']===window
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是同源策略 只有协议、域名、端口三者完全相同的页面才能请求数据,否者会被浏览器阻止 浏览器规定: 如果 JS ...
    我是Msorry阅读 491评论 0 0
  • 前端经典面试题: 1、(前端面试题)https://zhuanlan.zhihu.com/p/84212558?f...
    who_are_you_阅读 371评论 0 2
  • 前言 相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不...
    Aniugel阅读 220评论 0 1
  • Http 与 Https 请列举常见的HTTP 头及其作用 http 请求是指从客户端到服务器端的请求消息。包括:...
    Leaf的vlog阅读 160评论 0 1
  • title: 基础面试题date: 2019-10-12 20:23:00updated: 2019-10-12 ...
    铅笔芯的Ta阅读 1,145评论 0 0