欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

iframe的跨域使用方法

程序员文章站 2022-05-31 14:25:56
...
这次给大家带来iframe的跨域使用方法,我们知道,在前端界面中我们时常会用到iframe这个标签,那么iframe跨域使用的注意事项有哪些,下面就是实战案例,一起来看一下。

同一个 origin 下:
父页面可以通过 iframe.contentWindow 直接访问 iframe 的全局变量、DOM 树等,iframe 可以也通过 parent/top 对父页面做同样的事情。

不同 origin 下:
标准的方法是通过 .postMessage() 互相通信,不标准的方法是利用 location.hash 等奇技淫巧。协议、域名、端口号,共同决定一个 origin 。

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

bootstrap-validator使用详解

css里有哪些长度单位

HTML入门必知

HTML的内联样式改进《三毛经典语录》

用React完成一个图片轮播组件

以上就是iframe的跨域使用方法的详细内容,更多请关注其它相关文章!

相关标签: iframe 使用方法