自动iframe根据内容调整大小

时间:2013-11-06 18:05:16

标签: javascript iframe resize

我不知道为什么,但我的代码无效...

问题:iframe不会调整大小。

我已经在网上搜索了解决方案,并且我在另一个域上使用相同的代码,这可以正常工作......


代码:

<html>

<head>

<base target="_self">
<title>Montana Code Annotated - State Law</title>
<meta name="title" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<script type="text/javascript">
<!--
function resizeIframe(id){
/*
this.obj=obj
//this.obj.width=null
//this.obj.width=window.frames['sizeframe'].document.body.scrollWidth
this.obj.style.height='' // for Firefox and Opera
setTimeout('this.obj.style.height=this.obj.contentWindow.document.body.scrollHeight+(notIE?heightOffset:0)',10) // setTimeout required for Opera
*/

el=document.getElementById(id)
el.style.height="200px" // for Firefox and Opera
setTimeout("el.style.height=el.contentWindow.document.body.scrollHeight+'px'",1) // setTimeout required for Opera
}

// -->
</script>

</head>

<body topmargin="0" bottommargin="0"><div align="center">


<p><br>
&nbsp;</p>
<p>
<iframe name="windowoflaw" id="sizeframe" allowTransparency="true" onload="resizeIframe(this.id)" marginwidth="1" marginheight="1" height="200" width="800" scrolling="no" align="center" border="0" frameborder="0" src="http://leg.mt.gov/bills/mca_toc/">
</iframe></p>
</div>

</body>

</html>

--------------域名:montanacodeannotated.com

2 个答案:

答案 0 :(得分:2)

您的网页出现Javascript错误:

Uncaught SecurityError: Blocked a frame with origin "mytesturl" from accessing a frame with origin "http://leg.mt.gov". Protocols, domains, and ports must match.

如果协议,域或端口不匹配,则无法访问框架的内容(或在本例中为子页面的滚动高度)。

GitHub上有一个声称有效的图书馆: 的 https://github.com/davidjbradshaw/iframe-resizer

试一试。

答案 1 :(得分:1)

这是因为框架具有不同的原点,因此您无法访问其中的内容。你会在你的督察员身上看到这样的信息:

Uncaught SecurityError: Blocked a frame with origin "http://montanacodeannotated.com" from accessing a frame with origin "http://leg.mt.gov". Protocols, domains, and ports must match.

也许您可以为您的网站下载镜像版本?运行wget -r http://leg.mt.gov/bills/mca_toc/将以递归方式复制您可以放在自己域中的版本(当然,您可能首先要询问原始站点!)。

一旦托管在同一个域上,我认为上面的代码就可以了。