`

JS中嵌套iframe数据获取

 
阅读更多

1. ExtJS下使用:

    <iframe id="myTabBody " src="" scrolling="no" frameborder="0" height="100%"

    width="100%" ></iframe>

    主页面调用子页面:

    window.frames["myTabBody"].Ext.get("schemeId").getValue();

    子页面调用主页面:
    window.parent.Ext.getCmp('schemeListGrid').getSelectionModel().getSelected().get('schemeId');

2. iframe高度自适应:

    方法1:

    父页面中:

    <div id="contentId "></div>

    子页面中:

    function resetFrameHeight(){
            parent.document.getElementById("contentId").style.height =

            document.body.scrollHeight +"px";
    }
    window.onload=resetFrameHeight;   

 

    方法2:(不推荐)

    function reSetFrameHieght(){
         var iframe = document.getElementById("myTabBody");
         try{
               var bHeight = iframe.contentWindow.document.body.scrollHeight;
               var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
                   
               var height = Math.max(bHeight, dHeight);
               iframe.height =  height;
         }catch (ex){}
    }
    window.setInterval("reSetFrameHieght()", 200);

分享到:
评论

相关推荐

    iframe-localstorage

    为了使用它,在父窗口中包含 parent.js 文件和在嵌套窗口中包含 iframe.js 文件就足够了。 iframe.js 文件覆盖 localtStorage setItem 、 getItem和removeItem方法,并提供延迟接口等待结果。 代码示例 在嵌套页面...

    跨域修改iframe页面内容详解

    主站点内嵌代理页面, 并向代理页传递数据, 代理页根据主站点的数据对目标页的DOM进行操作.由于代理页与目标页同域, 所以代理页可以获取并操作目标页的document对象. 前提条件 需要将proxy.html放到与内嵌的iframe页...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    源文件程序天下JAVASCRIPT实例自学手册

    源文件程序天下JAVASCRIPT实例自学手册 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 ...

    路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。

    此方法允许我们仅获取用户与我们的应用交互时所需的页面数据/部分。通过动态重写我们网站的较小块,它可以防止我们重新下载已经加载的资源,如图像,脚本,CSS等。 因此,SPA倾向于通过以下方式改善用户体验: 在...

    JavaScript基础和实例代码

    JavaScript电子书,包括了JavaScript的大部分知识,可以帮助读者快速入门。内容如下: 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 ...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    《javaScrip开发技术大全》源代码

    • sample03.htm 将函数的返回值作为数据在表达式中进行运算 • sample04.htm 直接将函数的返回值输出 • sample05.htm 通过事件调用函数 • sample06.htm 递归调用函数 • sample...

    ARCH4系统开发指南

    2.19 用AJAX获取数据(通用做法) 36 2.19.1 “查看条款内容”的操作情景 36 2.19.2 前台JS函数调用后台JAVA类 36 2.19.3 后台JAVA类为前台JS函数返回结果 42 2.19.4 总结 45 2.20 金额的JAVA精确计算 45 2.20.1 ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    Django获取多个数据以及文件上传 Django的CBV和FBV Django模板语言循环字典 Django基于正则表达式的URL Django对应的路由名称 Django路由分发 DjangoORM基本创建基本类型以及生成数据库结构 DjangoORM使用mysql注意 ...

    超实用的jQuery代码段

    1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...

    从入门到精通HTML5——PDF——网盘链接

     15.1.2 使用blob接口获取文件的类型与大小 282  15.1.3 通过类型过滤选择的文件 283  15.2 使用FileReader接口读取文件 285  15.2.1 检测浏览器是否支持FileReader接口 285  15.2.2 FileReader接口的方法 ...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    if标签,支持多重嵌套,每个层级的if标签不能相同 例: {if-A:[vod:num] &gt; 1 }....{endif-A} {if-A:[vod:num] mod 2=0}....{else-A}....{endif-A} {if-A:[vod:num] mod 2=0}....{elseif-A}....{else-A}....{...

    苹果8XPC和手机二合一完整版

    num: 获取数据条数 例: {maccms:link type=pic num=2} [link:num]序号 [link:name]名称,支持长度控制[link:name len=10] [link:link]地址 [link:pic]图片 {/maccms:link} ****************************友情...

Global site tag (gtag.js) - Google Analytics