2级域名实现iframe域名跨域自适应高度
2010-12-22 09:29
429 查看
来源:http://www.coding123.net/article/20101220/second-level-domain-cross-domain-iframe-auto-fit-height.aspx
当有2级域名使用iframe对象加载其他的信息的时候,要想自动调节iframe的高度,如果不进行一些设置,会出现跨域的问题。
这里说的是2级域名和对应的顶级域名直接实现跨域,而不是不同顶级域名和2级域名直接的跨域。
如我有一个顶级域名coding123.net,如果在coding123.net中的iframe用remark.coding123.net2级域名来加载其他信息显示顶级域名或者其他javascript.coding123.net这种2级域名上,是可以的。但是不能跨顶级域名,如加载百度或者替他网站的信息,这样通过此办法无法实现跨域iframe自动适应高度。
在顶级域名一样的情况下,实现2级域名跨域控制顶级或者其他2级域名中显示的iframe的高度,可以通过设置document.domain对象实现跨域操作iframe。
将所有的2级域名都加上script标签快,设置document.domain属性为顶级域名。
<SCRIPT typee="text/javascript">
document.domain = "coding123.net";//注意修改成你对应的顶级域名
</SCRIPT>
注意:如果是2级域名加二级域名,需要同时在父页加上上面的代码。如www.coding123.net中放置iframe加载remark.coding123.net2级域名的页面,则www.coding123.net这个2级域名中需要放置上面的代码块,remark.coding123.net中也需要放置代码库。
对于要跨不同顶级域名的,则需要代理页面来实现。具体参考下面的文章
跨域
iframe实现自适应高度
当有2级域名使用iframe对象加载其他的信息的时候,要想自动调节iframe的高度,如果不进行一些设置,会出现跨域的问题。
这里说的是2级域名和对应的顶级域名直接实现跨域,而不是不同顶级域名和2级域名直接的跨域。
如我有一个顶级域名coding123.net,如果在coding123.net中的iframe用remark.coding123.net2级域名来加载其他信息显示顶级域名或者其他javascript.coding123.net这种2级域名上,是可以的。但是不能跨顶级域名,如加载百度或者替他网站的信息,这样通过此办法无法实现跨域iframe自动适应高度。
在顶级域名一样的情况下,实现2级域名跨域控制顶级或者其他2级域名中显示的iframe的高度,可以通过设置document.domain对象实现跨域操作iframe。
将所有的2级域名都加上script标签快,设置document.domain属性为顶级域名。
<SCRIPT typee="text/javascript">
document.domain = "coding123.net";//注意修改成你对应的顶级域名
</SCRIPT>
注意:如果是2级域名加二级域名,需要同时在父页加上上面的代码。如www.coding123.net中放置iframe加载remark.coding123.net2级域名的页面,则www.coding123.net这个2级域名中需要放置上面的代码块,remark.coding123.net中也需要放置代码库。
对于要跨不同顶级域名的,则需要代理页面来实现。具体参考下面的文章
跨域
iframe实现自适应高度
相关文章推荐
- 利用剪切板实现IFrame跨域自适应高度
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- IFrame跨域高度自适应实现代码
- 完美实现跨域Iframe高度自适应
- 跨域实现IFRAME自适应高度~续(终级)
- iframe自适应内层页面高度,可响应页面中折叠点击事件,以及实现跨域的问题解决方案
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- CSS完美实现iframe高度自适应(支持跨域)
- 实现跨域Iframe高度自适应调整
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- 跨域实现IFRAME自适应高度
- 跨域实现IFRAME自适应高度
- IFrame跨域高度自适应实现代码
- iframe跨域高度自适应
- 同域及跨域下iframe高度自适应(兼容IE/FF/OP/Chrome)
- 【转】Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- 跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
- 谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!
- js实现的真正的iframe高度自适应(兼容IE,FF,Opera)