博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
跨域实现IFRAME自适应高度
阅读量:4979 次
发布时间:2019-06-12

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

IFRMAE请求一个跨域时,而这个跨我们没有操作权限,我们只有加一个HTML文件的权限,如何实现自适应行高

这需要一个中间页面iframe.html

原理:通过改变top.location的hash值,来实现高级的自适应

主页面内容:

         $("#iframeid").attr({ src: http://local.zzl.com/iframe.aspx?url= + cUrl });         //自适应高度,不在同一域的对象,是不能相互操作的,只能通过URL地址把子页面的高度传过来         function iframeHeight() {
var ifm = document.getElementById("iframeid"); var hash = window.location.hash.slice(1); if (hash && /height=/.test(hash)) {
if (ifm != null) {
ifm.height = hash.replace("height=", ""); } } setTimeout(iframeHeight, 200); }

iframe.html内容(它向主页面通过hash这个瞄点参数向主页面传高度)

 

 

转载于:https://www.cnblogs.com/DoNetCShap/archive/2011/12/14/2287665.html

你可能感兴趣的文章
裁剪图片
查看>>
数据结构实习 problem L 由二叉树的中序层序重建二叉树
查看>>
VS中展开和折叠代码
查看>>
如何确定VS编译器版本
查看>>
设置PL/SQL 快捷键
查看>>
个人阅读作业7
查看>>
转载:深入浅出Zookeeper
查看>>
GMA Round 1 新程序
查看>>
node anyproxy ssi简易支持
查看>>
编译预处理指令:文件包含指令、宏定义指令、条件编译指令
查看>>
PHP函数 ------ ctype_alnum
查看>>
网站安全
查看>>
WS-Addressing 初探
查看>>
.NET+模块编排+数据库操作类的封装+分层架构+实体类+Ajax.net+Athem.NET+javascript+Activex组件+用户权限等...
查看>>
Markdown不常见功能
查看>>
(二)NUnit单元测试心得
查看>>
hdu_2604Queuing(快速幂矩阵)
查看>>
frame.bounds和center
查看>>
HDU 1102 Constructing Roads
查看>>
android StaticLayout参数解释
查看>>