跨域实现IFRAME自适应高度

简介:
<html>
<head>
</head>
<body>
<script>
document.domain="sina.com";
function adjustIframe(id)
 {
    var iframe = document.getElementById(id)
    var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
    var callback = function () {
        var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
        iframe.style.height = iheight + "px";
    }
    if (iframe.attachEvent) {
        iframe.attachEvent("onload", callback);
    } else {
        iframe.onload = callback
    }
 }



     
       var ifm=document.createElement("iframe");
      ifm.src="http://test.sina.com/2.htm";
      ifm.width=1000;
       ifm.id="ok1";
       ifm.domain="sina.com";
      document.body.appendChild(ifm);
      adjustIframe("ok1");

</script>

</body>

</html>

本文转自博客园张占岭(仓储大叔)的博客,原文链接:跨域实现IFRAME自适应高度,如需转载请自行联系原博主。

目录
相关文章
|
1月前
|
SEO
iframe是什么
iframe是什么
16 1
|
2月前
Iframe
Iframe。
33 1
|
移动开发 JavaScript 搜索推荐
iframe常用
iframe常用
|
安全 搜索推荐 JavaScript
什么是iframe
什么是iframe
63 0
|
Web App开发 JavaScript 安全
如何基于 iframe 解决跨域?
一般跨域听得比较多的方案是 Nginx 代理,CORS,而 JSONP 和 iframe 的跨域解决往往只在背八股文的时候出现,而且老是只给 JSONP 的实际操作手段,老是找不着 iframe 的实际操作,所以这篇文章就是介绍如何基于 iframe 解决跨域
|
Web App开发 容器
你对iframe知道多少
你对iframe知道多少
|
JavaScript Java 前端开发
记一次<iframe>的使用
将jsp拆分frame框架,因为采用了第一种方式,一直在考虑用jquery异步请求获取数据,总是但不到效果, 终于在js写吐的时候选择了第二种方式。 //参考网上的使用,大多是下面这个样子,如果涉及静态页面之间定位,是没有问题的//href:为目标页面----->通过target定位到frame ${org.
1127 0
|
JavaScript 前端开发