怎么能让iframe页内框架的大小根据在框架内显示网页的大小而定?在线等。

 我来答
小无谈旅游百科
高粉答主

2020-05-09 · 每个回答都超有意思的
知道小有建树答主
回答量:824
采纳率:98%
帮助的人:18万
展开全部

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

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

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

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

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

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

天难拔山石H
推荐于2017-11-25 · TA获得超过249个赞
知道答主
回答量:189
采纳率:0%
帮助的人:180万
展开全部
你的意思是不是"怎么能让iframe页内框架的大小根据在框架内显示网页内容,如文字内容等的大小而定?"

如果是这样的话 有几段代码可以帮你:

iframe自适应高度和宽度

方法1

将myframe换成 自己iframe的name即可。

自适应高度高度
<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.height=myframe.document.body.scrollHeight" ></iframe>

自适应高度宽度
<iframe name="myframe" src="举信扮myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.width=myframe.document.body.scrollWidth" >坦含</iframe>

===============================================================方法2,用javascript动态调整iframe的高度:

这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话,原理是一样的,本文不加详正灶述。

首先,在你的主页面上必须包含以下这段javascript代码:

<script language="Javascript">
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(iframename);
}
else{
eval('pTar = ' + iframename + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"

if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
</script>

然后对于主页面用到iframe的地方添加代码:

<iframe id="myTestFrameID" onload="javascript:{dyniframesize('myTestFrameID');}"
marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="xxx.htm" width=200 height=100></iframe>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
学徒爱搞笑
2021-11-21 · TA获得超过1219个赞
知道答主
回答量:47
采纳率:0%
帮助的人:5.4万
展开全部

给 iframe 标签添加一个告备启 onload 事袜如滚耐件

onload="this.height=this.contentWindow.document.body.scrollHeight+40"

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式