`
baiyuxiong
  • 浏览: 175233 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js取嵌套iframe里的元素

    博客分类:
  • php
阅读更多
//三个参数分别为:第一个iframe的ID,第二级iframe,及iframe中的元素ID
function getSub(grandpa,parent,target)
{
	var frameObjId = document.getElementById(grandpa);
	var cognosSdkIfr = frameObjId.contentWindow.document.getElementById(parent);
	var biccObjId = cognosSdkIfr.contentWindow.document.getElementById(target);
	alert(biccObjId.value);
}

示例见附件。只适用于IE及firefox。
分享到:
评论

相关推荐

    javascript 获取iframe里页面中元素值的方法

    IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    simple-element-resize-detector, 使用隐藏的iframe观察元素大小的变化.zip

    simple-element-resize-detector, 使用隐藏的iframe观察元素大小的变化 simple-element-resize-detector 使用隐藏的iframe观察元素的大小。收费的JSFiddle演示安装npm i -S simple-element-resize-detector用法

    iframe-localstorage

    实际上不可能从嵌套在不同域中的 iframe 元素中的页面使用功能(考虑到父框架域)。 为了解决这个限制,我编写了这个简单的库,它使用功能也可以在跨域框架中使用 localStorage。 为了使用它,在父窗口中包含 ...

    跨域修改iframe页面内容详解

    需要将proxy.html放到与内嵌的iframe页同域的服务下, 并且可以被访问到. 使用 支持2种调用方式: 使用 postMessage 和 URL params. postMessage 该方法需要使用 JSON.stringify 将对象转为字符串. // React function...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为...

    嵌入式iframe子页面与父页面js通信的方法

    本文实例讲述了嵌入式iframe子页面与父页面js通信的方法。分享给大家供大家参考。具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域...

    jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码

    iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易,模拟下F11的功能键什么...

    js超漂亮的ZCMS弹出框效果(兼容主流浏览器)

    1. 代替window.open、alert、confirm... 对多重嵌套iframe的情况下的应用作了充分考虑,适合复杂的B/S系统应用; 6. Dialog显示的内容:1、URL;2、隐藏的元素中的html内容;3、html内容; 7. 按ESC键可关闭弹出框;

    用jquery进行修复在iframe下的页面锚点失效问题

    解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动。 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6 HTML 5新增的语义元素 55 2.7 HTML 5头部和元信息 59 2.8 HTML 5新增的拖放API ...

    jQuery模仿ExtJS之TabPanel最新

    页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', html:'<iframe width="100%" ...

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

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

    JavaScript基础和实例代码

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

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

    21.6 使用DOM判断页面中控件是否嵌套 21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用...

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

    21.6 使用DOM判断页面中控件是否嵌套 21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用...

    javascript父、子页面交互技巧总结

    window对象是全局对象,页面上的一切函数和对象都在它的作用域里。 1、parent代表父窗口、如果父窗口又存在若干层嵌套,则top代表顶级父窗口。 self代表窗口自身。 if(self==top){//}判断窗口是否处于顶级 if...

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

     12.2.4 新增的嵌入多媒体元素与交互性元素 231  12.2.5 新增的input元素的类型 232  12.2.6 废除的元素 233  12.3 新增的属性和废除的属性 234  12.3.1 新增的属性 234  12.3.2 废除的属性 236  12.4 全局...

    html入门到放弃笔记

    2、行内元素中 最好 不要嵌套块级元素 4、图像 和 链接 1、URL 目录结构 : 目录 ,保存文件的文件夹名称 多个文件夹之间的关系,就是目录结构 1、什么是 URL URL (Uniform Resource Locator),统一资源定位...

Global site tag (gtag.js) - Google Analytics