转自网络:
首先,我的页面a.html需要引入对方的b.html,在这里运用iframe方式实现页面的套用 a.html页面的主要代码如下:
<BODY> <iframe width="100%" id="a_iframe" name="a_iframe" src="http://对方域名/b.html" frameborder="no" border="0px" scrolling="no" allowtransparency="yes" ></iframe> </BODY>
a.html页面只是用来引入对方页面的一个简单页面 这就不多做介绍。 然后,最好在a.html同一级目录下,创建一个agent.html页面,该页面用来得到对方通过js传递过来的参数, 根据高度参数来调整a.html中的a_iframe的高度,主要代码如下:
<script type="text/javascript"> //得到a.html中的a_iframe var a_iframe = parent.parent.document.getElementById("a_iframe"); //<SPAN>location.hash用来获取页面的标签值</SPAN> ,这个值通过b.html中的js函数改变。包括height属性 var hash_url = window.location.hash; //得到b.html传递过来的height属性 var hash_height = hash_url.split("#")[1]+"px"; //调整a_iframe的height,达到自适应 a_iframe.height = hash_height; </script>
最后,对方的页面(b.html),让对方在b.html中加入以下javascript代码
,代码如下(
注意:代码放在页面的最下面):
<iframe id="b_iframe" width="100%" src="http://我的域名/../agent.html" style="display:none"> </iframe> <script type="text/javascript"> var b_height = Math.max(document.body.scrollHeight,document.body.clientHeight); var b_iframe = document.getElementById("b_iframe");
b_iframe.src = b_frame.src+"#"+b_height; </script>
通过 Math.max(clientHeight,scrollHeight)比较网页可见区域高,网页正文全文高这两者得到其中的较大的值后, iframe将这个height通过src传递到我的agent.html,这样a.html中的Iframe就能自适应对方的b.html高度了。
分享到:
相关推荐
iframe跨域嵌套自适应高度 iframe跨域嵌套 丢失session值(针对嵌套asp.net 做的网站)
完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应,嵌入几个页面解决跨域iframe的高度自适应。。。
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
有个在线例子,访问地址:http://okiner.cn/demo/cross-domain/iframe.html,这是源码,方便下载
最近在做项目中,遇到一个问题,就是iframe高度的自适应问题,以下是解决办法
可以实现Iframe跨域自适应高度 main.htm和agent.htm文件放在www.a.com域内 iframe.htm放在www.b.com域内 这样就可以通过a.com域中的main.htm文件访问b.com域中的iframe.htm文件了
有个在线例子,访问地址:http://okiner.cn/demo/cross-domain/iframe.html,这是源码,方便下载
iframe 跨域 自动适应高度;iframe 跨域 自动适应高度;
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小....
前几天做公司和开心网合作项目的时候 碰到iframe 跨域自适应的问题刚开始很迷惑 开心网那边技术工程师给我发了一段这样子的代码。
iframe的高度需要根据子页面的实际高度来进行调整,但是如果子页面不在同一域中怎么办?这时候脚本没有办法获取到子页面的高度,存在JavaScript跨域的问题
同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。 代码如下,可复制。另外,
无法进行跨域操作,使得问题比较棘手参考了一下网上的做法,引入了一个代理页面,或者叫做中介 agent.html,属于domainA然后,在domainB 中的other.html中,再使用iframe将agent.html进行嵌套 好了,现在情况是这样...
Iframe自适应高度一直都备受关注,接下来为大家介绍下同域名下Iframe自适应高度的处理以及跨域时Iframe高度自适应,感兴趣的朋友可以参考下哈
介绍: 填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。