Html 如何使iframe调整内容的高度_Html_Iframe_Web_Height

Html 如何使iframe调整内容的高度

html iframe web

Html 如何使iframe调整内容的高度,html,iframe,web,height,Html,Iframe,Web,Height,我正在构建一个网页，在那里我需要制作不同的部分，并且我希望该页面能够调整高度，以适应在某个特定时刻浏览的部分。实现这一目标的最佳方式是什么？我试着用iframe和target open来做这件事 <a href="/example" target="myframe"> 但是我无法使iframe调整到显示的内容任何帮助都将被禁止！提前谢谢我想要的是当有人点击“更多信息”时，从页面底部打开一个窗口。我想我可以用iframe来实现它，这在所有浏览器中都适用 <

我正在构建一个网页，在那里我需要制作不同的部分，并且我希望该页面能够调整高度，以适应在某个特定时刻浏览的部分。实现这一目标的最佳方式是什么？我试着用iframe和target open来做这件事

    <a href="/example" target="myframe">

但是我无法使iframe调整到显示的内容

任何帮助都将被禁止！提前谢谢

我想要的是当有人点击“更多信息”时，从页面底部打开一个窗口。

我想我可以用iframe来实现它，这在所有浏览器中都适用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>auto iframe height adjust</title>
<style>
</style>
<script type="text/javascript">
<!--//
function sizeFrame() {
var F = document.getElementById("myFrame");
if(F.contentDocument) {
 F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and    Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
}
}
window.onload=sizeFrame;
//-->
</script>
</head>
<body>


自动iframe高度调整

支持iframe的浏览器是查看此网站所需的。

我找到了这个解决方案，它完美地解决了我的问题！它甚至可以选择重新调整宽度

<script type='text/javascript'>

function setIframeHeight( iframeId ) /** IMPORTANT: All framed documents *must* have a DOCTYPE applied **/
{
var ifDoc, ifRef = document.getElementById( iframeId );

 try
 {   
 ifDoc = ifRef.contentWindow.document.documentElement;  
 }
 catch( e )
 { 
  try
  { 
   ifDoc = ifRef.contentDocument.documentElement;  
  }
  catch(ee)
  {   
  }  
 }

 if( ifDoc )
 {
  ifRef.height = 1;  
  ifRef.height = ifDoc.scrollHeight;

  /* For width resize, enable below.  */

  // ifRef.width = 1;
  // ifRef.width = ifDoc.scrollWidth; 
 }
}

</script>

<iframe id = "myIframe"  onload = "setIframeHeight( this.id )">


函数setIframeHeight（iframeId）/**重要提示：所有框架文档*必须*应用DOCTYPE**/
{
变量ifDoc，ifRef=document.getElementById（iframeId）；
尝试
{   
ifDoc=ifRef.contentWindow.document.documentElement；
}
捕获（e）
{ 
尝试
{ 
ifDoc=ifRef.contentDocument.documentElement；
}
捕获（ee）
{   
}  
}
国际单项体育联合会（国际单项体育联合会）
{
如果参考高度=1；
ifRef.height=ifDoc.scrollHeight；
/*对于宽度调整，请在下面启用*/
//ifRef.width=1；
//ifRef.width=ifDoc.scrollWidth；
}
}

我在这里找到的：

它不起作用。。我应该在iframe主体标记中添加一些内容吗？这是我的iframe标记：添加内容页..还有，添加我的内容页是什么意思？请帮助！！我编辑了我的目的，所以也许你可以帮我一些其他的建议。也许是链接？我编辑了我的目的。。。所以也许有人能提出一个更好的主意