IFRAME自适应高度

本文介绍了一种使用iframe进行页面嵌入的方法,并通过JavaScript实现了iframe内容的高度自适应调整。此技术对于网页开发者来说非常实用,尤其是在需要将一个独立的页面嵌入到另一个页面中时。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

测试可以使用

<iframe border=1 name="hj" id="hj" marginwidth=0 framespacing=0 marginheight=0 src="order_check/links.asp" frameborder=0 noResize width=100% scrolling=no vspale="0" bordercolor="#ffffff" ></iframe>

link.asp

<head>
<SCRIPT LANGUAGE="JavaScript">

function f_frameStyleResize(targObj){

var targWin = targObj.parent.document.all[targObj.name];

if(targWin != null) {

var HeightValue = targObj.document.body.scrollHeight

if(HeightValue < 400){HeightValue = 400}

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT>

</head>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值