明辉站/网站教程/内容

iframe的跨域使用方法

网站教程2023-09-09 阅读
[摘要]这次给大家带来iframe的跨域使用方法,我们知道,在前端界面中我们时常会用到iframe这个标签,那么iframe跨域使用的注意事项有哪些,下面就是实战案例,一起来看一下。同一个 origin 下:父页面可以通过 iframe.contentWindow 直接访问 iframe 的全局变量、DO...
这次给大家带来iframe的跨域使用方法,我们知道,在前端界面中我们时常会用到iframe这个标签,那么iframe跨域使用的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

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

相关阅读:

bootstrap-validator使用详解

css里有哪些长度单位

HTML入门必知

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

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

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


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读