博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
设置跨域的iframe的高度
阅读量:5336 次
发布时间:2019-06-15

本文共 790 字,大约阅读时间需要 2 分钟。

原因

如下图,A域中有个B域的页面,但是B的页面的长度不确定,A无法去设置一个准确的高度。

PS:iframe高度设置auto是无效的

解决办法

 

如上图,

(1)在B页面中加一个A的代理页面的iframe

        PS:这最里面的A页面能调用最外层A页面的方法,而B页面是调用不了最外层A的(因为跨域的安全限制)。

(2)当B页面加载完成时,修改A的agent.html所在iframe里src。

setTimeout(function(){    var _height =  $("#vs-source").height();    var b_iframe = document.getElementById("crossdomain_agent_iframe");  //agent.html的iframe的id                             if( b_iframe ){                                                var src = b_iframe.src.split("#")[0] ;        src = src.split("?")[0] ;        b_iframe.src =src+"?"+new Date().getTime()+"#"+(b_height+(_height-1000));    } },200) ;

(3)agent.html代码调用最外层A页面代码设置B页面高度

agent.html代码如下:

frame agent

 弊端

1.B页面需要做修改,加一个iframe和主动设置一次。

   PS:很多时候B页面是第三方的页面,这也是没办法的,需要弄的

转载于:https://www.cnblogs.com/lovesong/p/3989298.html

你可能感兴趣的文章
Ajax : load()
查看>>
MySQL-EXPLAIN执行计划Extra解释
查看>>
Zookeeper概述
查看>>
Zookeeper一致性级别
查看>>
单例模式的几种实现方式及对比
查看>>
邓白氏编码 申请
查看>>
Linux远程登录
查看>>
Linux自己安装redis扩展
查看>>
HDU 1016 Prime Ring Problem(dfs)
查看>>
C#中结构体与字节流互相转换
查看>>
session和xsrf
查看>>
跟随大神实现简单的Vue框架
查看>>
Linux目录结构
查看>>
LeetCode-Strobogrammatic Number
查看>>
luoguP3414 SAC#1 - 组合数
查看>>
五一 DAY 4
查看>>
(转)接口测试用例设计(详细干货)
查看>>
【译】SSH隧道:本地和远程端口转发
查看>>
win8.1安装Python提示缺失api-ms-win-crt-runtime-l1-1-0.dll问题
查看>>
图片点击轮播(三)-----2017-04-05
查看>>