什么命令可以使iframe框架里的被引用页面宽高自适应框架宽高? 110

 我来答
鱼尾挚爱白菜
2018-04-13 · TA获得超过2198个赞
知道小有建树答主
回答量:20
采纳率:0%
帮助的人:2.6万
展开全部

并不是里页面高度自适是,而是外面的iframe高度自适应你引入的页面的高度。思路是js控制iframe自适应高度,因为iframe本身并不能自适应高度,只有写死高度才行,所以要用js判断整个页面内容的高度。
给你的代码:
<iframe allowtransparency="true" src="你要入引的页面.htm" id="defaulIframePage" name="defaulIframePage" frameborder="0" scrolling="no" width="100%" onload="defaulIframePageHeight()">

</iframe>

js部分:
function defaulIframePageHeight()

{
var ifm = document.getElementById("defaulIframePage");
var subWeb = document.frames ? document.frames["defaulIframePage"].document : ifm.contentDocument;
if (ifm != null && subWeb != null)

{
ifm.height = subWeb.body.scrollHeight;
}
}

哒哒哒5wc
2014-09-17 · TA获得超过1764个赞
知道小有建树答主
回答量:967
采纳率:0%
帮助的人:507万
展开全部
这个框架最好不要用。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lx6692
2014-09-15 · 超过41用户采纳过TA的回答
知道小有建树答主
回答量:86
采纳率:0%
帮助的人:47.4万
展开全部
并不是里页面高度自适是,而是外面的iframe高度自适应你引入的页面的高度,明白吗?
给你的代码:
<iframe allowtransparency="true" src="你要入引的页面.htm" id="defaulIframePage" name="defaulIframePage" frameborder="0" scrolling="no" width="100%" onload="defaulIframePageHeight()"></iframe>

js部分:
function defaulIframePageHeight() {
var ifm = document.getElementById("defaulIframePage");
var subWeb = document.frames ? document.frames["defaulIframePage"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}

}
思路是js控制iframe自适应高度,因为iframe本身并不能自适应高度,只有写死高度才行,所以要用js判断整个页面内容的高度。(你用我这个iframe试试,别忘引入js代码:))

希望帮到您!
更多追问追答
追问
谢谢,你还是没有按照我的意思来做啊
我的框架是固定宽度的
必须是被引用页面适应框架宽度,不可以像你现在这样,框架去适应被引用页面,明白吗?
否则页面就会出现问题所示的,展示不完整,需要动用滚动条。我不想要这个滚动条,对访客很不友好。
我的要求就是这样的,请不要改变我的要求
谢谢!
追答


js部分:
function defaulIframePageWidth() {
var ifm = document.getElementById("defaulIframePage");
var subWeb = document.frames ? document.frames["defaulIframePage"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.width = subWeb.body.scrollWidth;
}

}
改了下你看下
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式