iframe的跨域使用方法


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来iframe的跨域使用方法,我们知道,在前端界面中我们时常会用到iframe这个标签,那么iframe跨域使用的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

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

相关阅读:

bootstrap-validator使用详解

css里有哪些长度单位

HTML入门必知

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

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

以上就是iframe的跨域使用方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html iframe标签怎么使用?html iframe标签的使用实例介绍

iframe的跨域使用方法

如何实现html后台导航iframe点击换url(代码)

html中iframe如何使用?html中iframe标签用途的介绍

iframe的去边框和无边框有哪些操作方式

html如何嵌套页面?<iframe>标签告诉你答案

怎样利用iframe让自己的网页可以显示天气

iframe的节点初始化

使用iframe的一些小技巧

如何在html中引入外部页面(iframe标签法)

更多相关阅读请进入《iframe》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...