1 / 7
文档名称:

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

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

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

分享

预览

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

上传人:mh900965 2018/3/8 文件大小:109 KB

下载得到文件列表

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

文档介绍

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