网络技术
当前位置 :首页信息技术网络技术

jquery iframe跨域自适应高度

来源: 作者: 时间:2012-04-07 点击:

比如在http://a.rschome.com/a.html中有个iframe,iframe的内容为http://b.rschome.com/b.html,要让iframe的高度随着b.html的高度变化而变化,可以做以下操作来实现此功能。

首先在a.html中加入以下JS代码:


<script type="text/javascript">  
document.domain='rschome.com';//实现跨域
$().ready(function(){
    $("#viewthread").load(function(){         
    $(this).height($(this).contents().find("#wp").height());  
    });
});  
</script>

 

然后在b.html中加入以下JS代码:


<script type="text/javascript">
    document.domain='rschome.com';//实现跨域
</script>

 

这样就可以轻松实现跨域自适应高度了!

上一篇:
下一篇: 已经是最后一篇
最新评论共有 位网友发表了评论
发表评论
用户名: 密码: 游客发言不需要密码