1 / 7
文档名称:

iframe自适应高度解决方案.doc

格式:doc   大小:106KB   页数:7页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

iframe自适应高度解决方案.doc

上传人:tmm958758 2019/5/28 文件大小:106 KB

下载得到文件列表

iframe自适应高度解决方案.doc

相关文档

文档介绍

文档介绍:经常会有父页面需要通过iframe嵌入另一个子页面,又要适时根据子页面的高度调整父页面中iframe的高度,这就要求页面必须具有自适应功能。自适应思想比较简单:就是父页面中iframe高度必须要适时根据子页面高度进行调整。由于涉及到js操作,因此对于不同域名的自适应解决方案有所不同,主要是在解决跨域问题。 对于同父级域名下的自适应高度:jipiao././          http://jipiao./ viewplaincopytoclipboardprint?<iframe id="J_selfAdapting" src="http://jiudian./" mce_src="http://jiudian./" frameborder="0" scrolling="no" style="height:0;"></iframe>  页面增加如下JS:viewplaincopytoclipboardprint?<mce:script type="text/javascript"><!--   (function(){      /**      *  获取当前域      **/      function _getDomain(){          var _hostname = ();          var _hosts = (".");          var _len = ;          if(_len>2){              return _hosts[_len-2]+"."+_hosts[_len-1];          }          return _hostname;      }       = _getDomain();  })();  // --></mce:script>   ://jiudian./。即可。viewplaincopytoclipboardprint?<mce:script type="text/javascript"><!--  (function(){      /**      *  获取当前域      **/      function _getDomain(){          var _hostname = ();          var _hosts = (".");          var _len = ;          if(_len>2){              return _hosts[_len-2]+"."+_hosts[_len-1];          }          return _hostname;      }            = function()