加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

用iframe的方法实现跨域调用方法

(2016-03-14 14:35:28)
标签:

js实现跨域

iframe跨域访问

iframe跨域调用

跨域实现

iframe子页面调用父页

分类: 前端代码基础学习
不跨域的情况下:
使用iframe框,子页面调用父页面方法,或者传递对象,可以用如下方式
parent.window.function(param)
(子传父函数对象即可实现,对象param可以在子页面赋值)

跨域的情况下:
必须使用第三者为第一个域名下,来判断监控

即为(是不同主域跨域;

  前提,www.a.com下a.html,a.html内iframe调用了www.b.com下的b.html,b.html下iframe调用了www.a.com下的c.html

  b.html是无法直接访问a.html的对象,因为涉及到跨域,但可以访问parent,同样c.html的parent可以访问b.html。c.html和a.html同域,是可以访问a下的对象的。parent.parent.js对象!)
效果图如下:
http://s9/mw690/002FX9ovgy706EvTwika8&690

注意:
很多人可能觉得,我明明是要用b页面来调用a页面,你说用c来调用a页面,是对的,那问题是我怎么用b来调用c,然后c来调用a呢?   其实这个问题很简单啊,你c页面的产生,是因为b页面生产了c页面,那可以控制什么时候来生产c页面嘛,当条件满足时就可以动态添加《iframe src="c.html"》《/iframe》,一但这个页面诞生,怎么调用这个页面里的方法,则可以间接调用a页面的方法了。很简单吧。。 赶紧去试试吧!



除去用iframe实现跨域方法还能用的跨域方法有:
1、JSONP跨域GET请求
2、通过iframe实现跨域
3、flash跨域HTTP请求
4、window.postMessage

不明白的或者想了解更多的可以加入群:98926575
想要了解更多的前端知识请点击http://blog.sina.com.cn/beezen
csdn上博客地址请点击:http://blog.csdn.net/qq_29813585

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有