iframe 高度自适应
有两种途径来实现此功能,第一种是在 iframe 所在的父页面控制 iframe 的高度,另一种方法是在 iframe 内页里控制 iframe 的高度:
第一种方法:
给 iframe 加一个 onload 事件,在此事件中处理 iframe 的高度:
<iframe name="myPage" style="border:0" src="page1.html" onload="setIframeHeight(this)"></iframe>
下面是 JAVASCRIPT 代码:
function setIframeHeight(iframeObj) {
var iframeWnd = window.frames(iframeObj.name);
var iframeBody = iframeWnd.document.body;
iframeObj.height = iframeBody.scrollHeight;
var iframeWnd = window.frames(iframeObj.name);
var iframeBody = iframeWnd.document.body;
iframeObj.height = iframeBody.scrollHeight;
}
第二种方法,在 iframe 内页里设置 iframe 的高度:
window.onload = function() {
var iframes = parent.document.getElementsByTagName('iframe');
for(var i = 0; i < iframes.length; i++) {
if(iframes[i].name = self.name) {
iframes[i].height = document.body.scrollHeight;
break;
}
}
var iframes = parent.document.getElementsByTagName('iframe');
for(var i = 0; i < iframes.length; i++) {
if(iframes[i].name = self.name) {
iframes[i].height = document.body.scrollHeight;
break;
}
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步