JS:Iframe高度自适应

 经常与Iframe打交道,每次都在网上找资料,很少自己主动思考,这次找到个不错的,就永久的存在这里吧。

 1  function SetCwinHeight(obj) {
 2             var cwin = obj;
 3             if (document.getElementById) {
 4                 if (cwin && !window.opera) {
 5                     if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
 6                         cwin.height = cwin.contentDocument.body.offsetHeight + 20; //FF NS 
 7                     else if (cwin.Document && cwin.Document.body.scrollHeight)
 8                         cwin.height = cwin.Document.body.scrollHeight + 10; //IE 
 9                 }
10                 else {
11                     if (cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
12                         cwin.height = cwin.contentWindow.document.body.scrollHeight; //Opera 
13                 }
14             }
15         } 

使用

<iframe src="upload.aspx" onload="SetCwinHeight(this);" width="400px" frameborder="0" scrolling="no"> </iframe>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。