Javascript 跨域动态设置iframe高度
我查阅了许多跨域iframe高度的示例,但没有一个能够解决这个问题 我在下面给出了一个简单的HTML。我想根据内容的高度调整其内部iframe的大小Javascript 跨域动态设置iframe高度,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我查阅了许多跨域iframe高度的示例,但没有一个能够解决这个问题 我在下面给出了一个简单的HTML。我想根据内容的高度调整其内部iframe的大小 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body >
<table width="780" height="406" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#333333" style="border:1">
<tr>
<td valign="top"><table width="778" border="0" cellspacing="0" cellpadding="0">
</td>
</tr>
</table>
<iframe src="http://mywebapplication.com" width="100%" ></iframe
<table width="780" border="0" cellpadding="0" cellspacing="0" bgcolor="53575f">
<tr>
<td align="center" height="38"><span class="Footer">All Rights Reserved © ABC 2009-2012.
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
尽管问题与OP自己的个人代码解决问题有关。这是一个经过验证的库,可用于解决将iframe调整为内容高度的问题。这个库涉及跨域,因此我认为值得一提
您可以放置两个文件,一个在父文件中,另一个在子文件(iframe)中
在您的家长中:
<style>iframe{width:100%}</style>
<iframe src="http://anotherdomain.com/iframe.html" scrolling="no"></iframe>
<script>iFrameResize({log:true})</script>
iframe{width:100%}
iframesize({log:true})
在您的孩子中,您只需添加以下文件:
库负责调整大小和跨域。检查文档。iframe是否与父页面位于同一个域中?否,这就是我提到的跨域iframe包含一个完整的web应用程序,如作业门户有一些有趣的事情或其他stackoverflow问题我不知道为什么我的答案被否决了库正是OP想要做的事情,然而,它是一个经过测试和使用的git repo,这个库并没有解决跨域iframe调整大小的问题
<style>iframe{width:100%}</style>
<iframe src="http://anotherdomain.com/iframe.html" scrolling="no"></iframe>
<script>iFrameResize({log:true})</script>