iframe调整大小(跨网站域)

时间:2018-07-11 08:05:19

标签: javascript iframe cross-domain

经过数小时的搜索,我决定在这里询问:

我的内嵌框架不是我自己的内嵌框架,因此无权修改其中的任何内容。

我的HTML部分如下:

<iframe id="iframe" src="DOMAIN" width="100%" ></iframe>

我的元标记(允许访问此网站的权限看起来像这样)

<META HTTP-EQUIV="Access-Control-Allow-Origin" CONTENT="DOMAIN">

为了获得更高的iframe,我使用了以下几行:

setTimeout(function() {

    var iFrame = document.getElementById('iframe');
    alert(iFrame.contentWindow.document.body.scrollHeight)

},5000);

然后我在这里遇到此错误:

enter image description here

但是我不明白为什么因为我被允许通过我的META标签访问标题上的此页面...

另一个奇怪的是

->当我删除5秒的延迟并仅在此处运行此代码时:

var iFrame = document.getElementById('iframe');
alert(iFrame.contentWindow.document.body.scrollHeight)

然后一切正常,我将得到150px的高度(但是iframe肯定比150px高,但是在这种情况下,这里的主要问题是我要嵌入的iframe从自己的异步加载一些traveldata服务器...

只要iframe正在加载,我只会得到一个加载圆圈,并且iframe的尺寸确实很小>> 150px

这就是为什么我添加了5秒的延迟...

因此,我在此处检查的所有解决方案通常都是基于iframe和要添加iframe的页面之间的发件人/答案解决方案,但我无权访问我们的会员iframe!

但是有时iframe仅具有1个旅行结果,然后出于方便使用的目的,我希望iframe只有300 px高,如果我有10个或更多结果,那么我希望让iframe达到900px高(例如)< / p>

所以我的主要目标仍然是提高iframe的内容,然后我可以使用jQuery轻松调整其大小...(但是加载内容后,我需要延迟才能获得iframe的大小,但是在此之后我总是收到“权限被拒绝”错误)

如果有人能给我一点暗示,在这种情况下我能做些什么>>我真的会很开心,呵呵

非常感谢您!

0 个答案:

没有答案