跨域实现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自适应高度,如需转载请自行联系原博主。

目录
相关文章
|
6月前
Iframe
Iframe。
55 2
|
移动开发 JavaScript 搜索推荐
iframe常用
iframe常用
104 0
|
Web App开发 JavaScript 安全
如何基于 iframe 解决跨域?
一般跨域听得比较多的方案是 Nginx 代理,CORS,而 JSONP 和 iframe 的跨域解决往往只在背八股文的时候出现,而且老是只给 JSONP 的实际操作手段,老是找不着 iframe 的实际操作,所以这篇文章就是介绍如何基于 iframe 解决跨域
|
前端开发
css:自定义浏览器中滚动条scroll的样式
css:自定义浏览器中滚动条scroll的样式
195 0
css:自定义浏览器中滚动条scroll的样式
iframe跨域解决方案
    公司某个功能用的是iframe,由于跨域的原因,我们不能直接设置父级页面iframe的高度,所以用了一个中间页home来完成父级页面iframe的高度设置,这种中间页其实很多时候不好用,因为涉及到页面跳转和刷新,每次都得刷一下页面,而消息发送成功页的一个定位到顶部的功能,就是由于页面刷了一次导致体验不好,除了体验,这种中间页跳转的做法也很蹩脚和繁琐。
1515 0
|
JavaScript 前端开发
|
JavaScript 安全 前端开发