iframe自动适应宽度，当内容超出整个屏幕时，出现滚动条

<script language="javascript">

var timeIframe;

windowonload=function(){

timeIframe=setTimeout(GetIframeStatus,10);

}

function GetIframeStatus()

{

var iframe = documentgetElementById("iframe");

var iframeWindow=iframecontentWindow;

//内容是否加载完

if(iframeWindowdocumentreadyState=="complete")

{

var iframeWidth,iframeHeight;

//获取Iframe的内容实际宽度

iframeWidth=iframeWindowdocumentdocumentElementscrollWidth;

//获取Iframe的内容实际高度

iframeHeight=iframeWindowdocumentdocumentElementscrollHeight;

//设置Iframe的宽度

iframewidth=iframeWidth;

//设置Iframe的高度

iframeheight=iframeHeight;

}

else

{

timeIframe=setTimeout(GetIframeStatus,10);

}

}

</script>

假设页面中包含iframe的部分代码如下：

<IFRAME id="test" name="test" frameBorder=0 scrolling=no src=">

<script type="text/javascript">

   function resetIframeSize()

    {

    var a=documentbodyclientWidth-237;

    documentgetElementById("right")stylewidth=a+"px";

    }

windowonload=resetIframeSize;

windowonresize=resetIframeSize

    </script>

把你的js修改成以上代码就行了

1、首先需要在body中增加一个iframe，可以给这个标签设置宽高，还可以设置位置。

2、然后在前台界面的某个位置，增加一个点击事件onclick。

3、然后点击事件，总要对应的设置一个事件方法。

4、然后在方法内增加iframe的重载url，重新给src赋值。

5、最后运行html界面，点击前台的按钮，触发刷新iframe的方法，就完成了。

我的思路是这样的：

parentWidth=父级容器的width

设置iframe的height=parentWidth08;这样就可以做到了，

如果谁有更好的方法，请提出。学习

1创建两个HTML文件在一个文件夹,一个“索引”和一个“iframe”。

2增强的iframe标记添加到索引,然后直接进入iframe嵌入页面。

3添加两个div标签内容与固定高度iframe页面。

4当浏览器打开索引页的答案时,我们发现有一个滚动条在iframe的一部分。我们需要滚动以显示页面跟踪。

5现在,我们添加以下回答属性的iframe标签索引页面。

6n再次进入索引页。iframe是高度适应内容的大小,如下图所示。

以上就是关于iframe自动适应宽度，当内容超出整个屏幕时，出现滚动条全部的内容，包括:iframe自动适应宽度，当内容超出整个屏幕时，出现滚动条、100分！什么命令可以使iframe框架里的被引用页面宽高自适应框架宽高、iframe页面宽度适应的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！