Wordpress iframe高度大小为100%

Wordpress iframe高度大小为100%,wordpress,iframe,Wordpress,Iframe,我知道关于这个问题有很多问题,但我都试过了,没有解决 我想插入一个iframe(或者嵌入对象,我对此没有任何问题),我正在尝试将iframe位于完美高度的div设置为没有任何滚动条的高度 问题是我在中没有访问权限。这是一个WordPress,我无法访问该主题 以下是我迄今为止所做的工作 <script type="text/javascript"> var sheet = document.createElement('style') sheet.innerHTML = "html,

我知道关于这个问题有很多问题,但我都试过了,没有解决

我想插入一个iframe(或者嵌入对象,我对此没有任何问题),我正在尝试将iframe位于完美高度的div设置为没有任何滚动条的高度

问题是我在
中没有访问权限。这是一个WordPress,我无法访问该主题

以下是我迄今为止所做的工作

<script type="text/javascript">
var sheet = document.createElement('style')
sheet.innerHTML = "html, .entry{height: 100%;} #content{height: 100%;} .post-1631{height: 100%;} .page{height: 100%;} .padder{height: 100%;} .row{height: 100%;} .container{height: 100%;} body{height: 100%;}";
document.head.appendChild(sheet);
</script>

<iframe src="http://..........com"  width="100%" height="100%">
</iframe>

var sheet=document.createElement('样式')
sheet.innerHTML=“html,.entry{height:100%;}content{height:100%;}.post-1631{height:100%;}.page{height:100%;}.padder{height:100%;}.row{height:100%;}.container{height:100%;}body{height:100%;}”;
文件.头.附件(页);
在JavaScript中,我将所有父标记更改为
height:100%
,直到头部。我不知道这是否正确,但我想我必须全部改变它们。有什么建议吗


问题2:当我试图解决最初的问题时,我发现了另一个问题,但我不想仅仅为此提出一个新问题。嵌入页面有许多
,这意味着当我单击此链接时,我将重定向到同一页面中具有该id的div。但不幸的是,这不起作用。我点击了链接,但什么也没发生。

这是一个对我有用的函数——我不记得以前在哪里找到过它,很抱歉没有正确地对它进行归因!您可能需要根据所使用的上下文对其进行一些调整

function sizeFrame() {
    var F = document.getElementById("YourFrameIdGoesHere");
    if (F.contentDocument) {
        F.height = F.contentDocument.documentElement.scrollHeight + 80; //FF 3.0.11, Opera 9.63, and Chrome
    } else {
        F.height = F.contentWindow.document.body.scrollHeight + 80; //IE6, IE7 and Chrome
    }
}

window.onload = sizeFrame;

我在iFrame中添加了一个id,也在javascript中添加了相同的id,但不幸的是,它不起作用。对不起,我误解了这个问题。您不是要调整IFRAME的大小,而是要调整包含IFRAME的div的大小。我们预先知道IFRAME中内容的最大高度,因此我们的包含div大小适当,以防止滚动条。如果IFRAME的内容是动态的,并且您事先不知道高度,那么肯定会更具挑战性。祝你好运