iframe自适应高度样式

数码前线 2024年10月22日 10:15 12 admin

本文摘要：父页面：stockPoolHistoryView.jspfunctioniframeStockPoolHistoryViewRecPoolGoGoGo(width,height){varappSubIframeObj=document.getElementById("stockPoolHistory...

父页面：stockPoolHistoryView.jsp

function iframeStockPoolHistoryViewRecPoolGoGoGo(width,height) {

var appSubIframeObj=document.getElementById("stockPoolHistoryViewRecPool");

appSubIframeObj.style.height=height+"px";

}

子页面:stockPoolHistoryViewRecRool.jsp

function iframeHeightWidth(){

var height = document.body.scrollHeight;

var width = document.body.scrollWidth;

window.parent.iframeStockPoolHistoryViewRecPoolGoGoGo(width,height);

}

iframeHeightWidth();

js写入的iframe自适应高度问题（急）

（图片来源网络，侵删）

通过js 来控制自适应高度；

html代码：

js代码：

function iFrameHeight() {

var ifm= document.getElementById("iframepage");

var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;

if(ifm != null && subWeb != null) {

ifm.height = subWeb.body.scrollHeight;

}

1.js控制iframe

132

var s = '';

document.getElementById("dd").innerHTML = s

alert(2);

var cw = window.document.getElementById('tst').contentWindow;

cw.document.open();

cw.document.write('alert("test")');

cw.document.write('

test

');

cw.document.close();

IE6,IE7,FF2下测试通过

2.自适应高度

在id为"ifr"的iframe内容里写上js代码:

function resize(){

parent.document.getElementById('ifr').style.height = document.body.scrollHeight>300?document.body.scrollHeight:300+"px";

}

window.onload=resize;

window.onresize = resize;

就能控制id为"ifr"高度至少为300px

要是回答的内容有问题，或认为不妥，请发送百度消息给我，消息内容加上本页网址哦。。

iframe自适应高度样式

js写入的iframe自适应高度问题（急）

oneplus6t静音了怎么调，一加手机静音怎么调回来？

索尼1000xm4怎么重新配对

热门文章

最新文章

标签列表