iframe 自动调整高度js

最新推荐文章于 2019-07-16 23:14:15 发布

转载最新推荐文章于 2019-07-16 23:14:15 发布 · 857 阅读

Jquery 同时被 2 个专栏收录

38 篇文章

订阅专栏

javascript

5 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的iframe自适应高度的技术方案。该方案能够根据不同浏览器特性调整iframe的高度，确保内容完整显示且不出现多余空白。

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

<iframe id="card" name="card" onload="SetFrameHeight(this)" frameborder="0"  scrolling="no" style="width: 100%;border: 0px;" src="card.do?memberNo=${travelor.memberNo}">
</iframe>

	function SetFrameHeight(obj){
		var win=obj;
		if (document.getElementById){
			if (win && !window.opera){
				if (win.contentDocument && win.contentDocument.body.offsetHeight){
					win.height = win.contentDocument.body.offsetHeight;
				}else if(win.Document && win.Document.body.scrollHeight){
					win.height = win.Document.body.scrollHeight;
				}
			}
		}
	}