js如何 *** 作iframe的跨域问题

js如何 *** 作iframe的跨域问题,第1张

A域名下的页面index.htm中内嵌了一个iframe页面,iframe内引用的是B域名的sub-index.htm页面,但是为了避免出

现在index.htm页面中出现滚动条,需要明确知道sub-index.htm页面的高度宽度,可是sub-index.htm的页面内容是不可控的,可能会根据不同用户页面大小会不一样;问题就是如何把sub-index.htm页面的高度和宽度传递给index.htm页面?

具体解决:

1、在index.htm页面中声明一个js函数process(height, width)用来实现设置页面内iframe的高度和宽度;

2、

在sub-index.htm页面中再内嵌一个隐藏的iframe,iframe的src指向A域名下的页面ex.htm?height=xx&

width=yy,该页面没有任何内容,只是用来传递sub-index.htm页面加载完之后的宽度和高度这两个数据的,页面内js拿到request

中的参数之后直接调用parent.parent.process(height, width)完成对父页面宽度和高度的设置;

如图:

你上面已经是顶级域名不一样的情况了

有2种方法可以解决方案:

1.通过代理设置

2.通过JS跨域 请求JS地址 返回一个JS或者json数据 然后读取相应内容

以上具体 *** 作 请看教程


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11667657.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存